feat: Integrate Mantine UI library, establish a theme provider, and refactor core UI components.

2026-02-27 15:00:17 +07:00
parent 8181bd61ec
commit 1d38a188b7
23 changed files with 646 additions and 344 deletions
@@ -0,0 +1,28 @@
+export const typography = {
+  fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+  fontSizes: {
+    xs: 'calc(13px * 0.846)',
+    sm: 'calc(13px * 0.923)',
+    md: '13px',
+    lg: 'calc(13px * 1.154)',
+    xl: 'calc(13px * 1.385)',
+  },
+  lineHeights: {
+    xs: '1.4',
+    sm: '1.45',
+    md: '1.5',
+    lg: '1.55',
+    xl: '1.6',
+  },
+  headings: {
+    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+    sizes: {
+      h1: { fontSize: 'calc(13px * 2.5)' },
+      h2: { fontSize: 'calc(13px * 2)' },
+      h3: { fontSize: 'calc(13px * 1.75)' },
+      h4: { fontSize: 'calc(13px * 1.5)' },
+      h5: { fontSize: 'calc(13px * 1.25)' },
+      h6: { fontSize: '13px' },
+    },
+  },
+};