Beautify the header style

This commit is contained in:
JimmFly
2022-08-06 18:10:31 +08:00
parent a53a340d16
commit 478e3d79d3

View File

@@ -204,6 +204,10 @@ const GitHub = (props: { center?: boolean; flat?: boolean }) => {
{...{ {...{
sx: { sx: {
margin: 'auto 1em', margin: 'auto 1em',
fontSize: '24px',
'@media (max-width: 768px)': {
fontSize: '16px',
},
...(props.flat ...(props.flat
? { ? {
padding: matches ? '0' : '0 0.5em', padding: matches ? '0' : '0 0.5em',
@@ -256,6 +260,10 @@ export function App() {
sx={{ sx={{
padding: matches ? '0' : '0 0.5em', padding: matches ? '0' : '0 0.5em',
':hover': { backgroundColor: 'unset' }, ':hover': { backgroundColor: 'unset' },
fontSize: '24px',
'@media (max-width: 768px)': {
fontSize: '16px',
},
}} }}
> >
AFFiNE AFFiNE
@@ -276,6 +284,10 @@ export function App() {
sx={{ sx={{
padding: matches ? '0' : '0 0.5em', padding: matches ? '0' : '0 0.5em',
':hover': { backgroundColor: 'unset' }, ':hover': { backgroundColor: 'unset' },
fontSize: '24px',
'@media (max-width: 768px)': {
fontSize: '16px',
},
}} }}
size="lg" size="lg"
> >