Reduce h1 size

angristan · Jan 18, 2025 · cddddb6 · cddddb6
1 parent 6bcbdd9
commit cddddb6
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/resources/js/app.tsx b/resources/js/app.tsx
@@ -7,14 +7,22 @@ import '@gfazioli/mantine-split-pane/styles.css';
 import '../css/app.css';
 import './bootstrap';
 import { createInertiaApp } from '@inertiajs/react';
-import { MantineProvider } from '@mantine/core';
+import { MantineProvider, createTheme, rem } from '@mantine/core';
 import { ModalsProvider } from '@mantine/modals';
 import { Notifications } from '@mantine/notifications';
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
 import { createRoot } from 'react-dom/client';
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
+const theme = createTheme({
+    headings: {
+        sizes: {
+            h1: { fontSize: rem(32) },
+        },
+    },
+});
+
 createInertiaApp({
     title: (title) => `${title} - ${appName}`,
     resolve: (name) =>
@@ -26,7 +34,7 @@ createInertiaApp({
         const root = createRoot(el);
 
         root.render(
-            <MantineProvider>
+            <MantineProvider theme={theme}>
                 <ModalsProvider>
                     <Notifications />
                     <App {...props} />