fix: update font imports in layout components for consistency

2025-05-27 08:32:34 +07:00
parent d03deb2d91
commit 341b4eef98
3 changed files with 12 additions and 5 deletions
@@ -1,10 +1,17 @@
+import { baiJamjureeFont } from '@/lib/fonts';
 import { Card } from '@components';
+import { cn } from '@utils';
 import { ReactNode } from 'react';
 import { AnimatedBackground } from './_components/animated-background';

 export default function Layout({ children }: { children: ReactNode }) {
  return (
-    <div className="bg-background/20 relative flex min-h-[100dvh] items-center justify-center p-4">
+    <div
+      className={cn(
+        baiJamjureeFont.className,
+        'bg-background/20 relative flex min-h-[100dvh] items-center justify-center p-4'
+      )}
+    >
      <AnimatedBackground />
      <div className="z-10 w-full">
        <Card className="bg-background/90 mx-auto w-full max-w-[360px] p-6 shadow-xl backdrop-blur-lg sm:max-w-md sm:p-8">
@@ -37,7 +37,7 @@ export default function EventsPage() {
  );

  return (
-    <div className="min-h-screen bg-background container">
+    <section className="min-h-screen bg-background container py-10">
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        {/* Featured Card */}
        <div className="col-span-full">
@@ -187,6 +187,6 @@ export default function EventsPage() {
          </div>
        ))}
      </div>
-    </div>
+    </section>
  );
 }
@@ -1,4 +1,4 @@
-import { baiJamjureeFont } from '@/lib/fonts';
+import { poppinsFont } from '@/lib/fonts';
 import '@/styles/globals.css';
 import { cn } from '@utils';
 import { type Metadata } from 'next';
@@ -16,7 +16,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="id" suppressHydrationWarning>
-      <body className={cn(baiJamjureeFont.className, 'antialiased')}>
+      <body className={cn(poppinsFont.className, 'antialiased')}>
        <Providers
          attribute="class"
          defaultTheme="system"