refactor: adjust typography settings for various page components in vite.config.ts

Author: francoism90

vite.config.ts

@@ -76,22 +76,26 @@ export default defineConfig(({ mode }) => {
           pageHeader: {
             slots: {
               root: 'border-0 py-2',
-              title: 'font-serif text-xl font-bold sm:text-2xl',
+              title: 'font-serif text-lg font-bold sm:text-xl',
+              description: 'text-sm sm:text-base',
             },
           },
           pageFeature: {
             slots: {
-              title: 'font-serif text-base font-semibold sm:text-lg',
+              title: 'font-serif text-sm font-semibold sm:text-base',
+              description: 'text-sm sm:text-base',
             },
           },
           pageCard: {
             slots: {
-              title: 'font-serif text-base font-semibold',
+              title: 'font-serif text-sm font-semibold sm:text-base',
+              description: 'text-sm sm:text-base',
             },
           },
           blogPost: {
             slots: {
-              title: 'font-serif text-base font-semibold sm:text-lg',
+              title: 'font-serif text-sm font-semibold sm:text-base',
+              description: 'text-sm sm:text-base',
             },
           },
         },