style(font): use variable font SUSE

GZTimeWalker · GZTimeWalker · commit 83d0283044ba · 2024-09-04T23:20:04.000+08:00
diff --git a/src/GZCTF/ClientApp/src/components/AppFooter.tsx b/src/GZCTF/ClientApp/src/components/AppFooter.tsx
@@ -14,10 +14,10 @@ const AppFooter: FC = () => {
   const isMobile = useIsMobile()
 
   const copyright = (
-    <Text size="xs" ta="center" fw={500} c="dimmed" ff="monospace">
+    <Text size="sm" ta="center" fw={400} c="dimmed">
       Copyright&nbsp;©&nbsp;2022-now&nbsp;
       {isMobile && <br />}
-      <Anchor href="https://github.com/GZTimeWalker" c="dimmed" size="sm" fw={500} lh={1}>
+      <Anchor href="https://github.com/GZTimeWalker" c="dimmed" size="sm" fw={500}>
         @GZTimeWalker
       </Anchor>
       ,&nbsp;All&nbsp;Rights&nbsp;Reserved.
diff --git a/src/GZCTF/ClientApp/src/styles/components/Placeholder.module.css b/src/GZCTF/ClientApp/src/styles/components/Placeholder.module.css
@@ -1,7 +1,6 @@
 .board {
-  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-8));
   justify-content: center;
-  height: calc(100vh - 3.75rem * var(--mantine-scale));
+  height: 100vh;
   padding: var(--mantine-spacing-lg);
   align-items: center;
 }
diff --git a/src/GZCTF/ClientApp/src/styles/components/ScoreboardTable.module.css b/src/GZCTF/ClientApp/src/styles/components/ScoreboardTable.module.css
@@ -6,7 +6,7 @@
   & thead tr th,
   & tbody tr td {
     text-align: center;
-    padding: 8px;
+    padding: 6px 4px;
     white-space: nowrap;
     font-size: 12px;
   }
diff --git a/src/GZCTF/ClientApp/src/utils/ThemeOverride.ts b/src/GZCTF/ClientApp/src/utils/ThemeOverride.ts
@@ -83,11 +83,11 @@ const CustomTheme: MantineThemeOverride = {
   },
   primaryColor: 'brand',
   fontFamily:
-    "'IBM Plex Sans', -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, sans-serif",
+    'SUSE, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, sans-serif',
   fontFamilyMonospace:
-    "'JetBrains Mono', ui-monospace, SFMono-Regular, Monaco, Consolas, 'Courier New', monospace, 'IBM Plex Sans', sans-serif",
+    "'JetBrains Mono', ui-monospace, SFMono-Regular, Monaco, Consolas, 'Courier New', monospace, sans-serif",
   headings: {
-    fontFamily: "'IBM Plex Sans', sans-serif",
+    fontFamily: 'SUSE, sans-serif',
   },
   breakpoints: {
     xs: '30em',
diff --git a/src/GZCTF/ClientApp/vite.config.mts b/src/GZCTF/ClientApp/vite.config.mts
@@ -50,8 +50,8 @@ export default defineConfig(({ mode }) => {
       eslintPlugin(), // only for development
       webfontDownload(
         [
-          'https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap',
-          'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;1,400&display=swap',
+          'https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap',
+          'https://fonts.googleapis.com/css2?family=SUSE:wght@100..800&display=swap',
         ],
         { injectAsStyleTag: false, async: false }
       ),

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,6 @@`
`1`	`1`	`.board {`
`2`		`- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-8));`
`3`	`2`	`justify-content: center;`
`4`		`- height: calc(100vh - 3.75rem * var(--mantine-scale));`
	`3`	`+ height: 100vh;`
`5`	`4`	`padding: var(--mantine-spacing-lg);`
`6`	`5`	`align-items: center;`
`7`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`& thead tr th,`
`7`	`7`	`& tbody tr td {`
`8`	`8`	`text-align: center;`
`9`		`- padding: 8px;`
	`9`	`+ padding: 6px 4px;`
`10`	`10`	`white-space: nowrap;`
`11`	`11`	`font-size: 12px;`
`12`	`12`	`}`