feat: adjust Typography variant in LiveClock component and refine nav-container margin

This commit is contained in:
雨霖铃
2026-03-22 15:15:58 +08:00
parent c70b5d1ab5
commit 77e74e31d3
2 changed files with 2 additions and 1 deletions
+1
View File
@@ -52,6 +52,7 @@ body {
.nav-container { .nav-container {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: 16px;
margin-bottom: 16px; margin-bottom: 16px;
gap: 8px; gap: 8px;
} }
+1 -1
View File
@@ -73,7 +73,7 @@ const LiveClock = React.memo(({
return ( return (
<Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 4 }}> <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 4 }}>
<Stack direction="row" spacing={1} alignItems="baseline"> <Stack direction="row" spacing={1} alignItems="baseline">
<Typography variant="h4" sx={{ fontWeight: 300, letterSpacing: '-1px', color: 'text.primary', fontFamily: 'monospace' }}> <Typography variant="h5" sx={{ fontWeight: 300, letterSpacing: '-1px', color: 'text.primary', fontFamily: 'monospace' }}>
{displayVal} {displayVal}
</Typography> </Typography>
<Typography variant="caption" sx={{ color: 'text.secondary', fontWeight: 600, textTransform: 'uppercase' }}> <Typography variant="caption" sx={{ color: 'text.secondary', fontWeight: 600, textTransform: 'uppercase' }}>