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

2026-03-22 15:15:58 +08:00
parent c70b5d1ab5
commit 77e74e31d3
2 changed files with 2 additions and 1 deletions
@@ -52,6 +52,7 @@ body {
 .nav-container {
  display: flex;
  justify-content: center;
+  margin-top: 16px;
  margin-bottom: 16px;
  gap: 8px;
 }
@@ -73,7 +73,7 @@ const LiveClock = React.memo(({
  return (
    <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 4 }}>
      <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}
        </Typography>
        <Typography variant="caption" sx={{ color: 'text.secondary', fontWeight: 600, textTransform: 'uppercase' }}>