fix: update font imports in layout components for consistency
This commit is contained in:
@@ -1,10 +1,17 @@
|
|||||||
|
import { baiJamjureeFont } from '@/lib/fonts';
|
||||||
import { Card } from '@components';
|
import { Card } from '@components';
|
||||||
|
import { cn } from '@utils';
|
||||||
import { ReactNode } from 'react';
|
import { ReactNode } from 'react';
|
||||||
import { AnimatedBackground } from './_components/animated-background';
|
import { AnimatedBackground } from './_components/animated-background';
|
||||||
|
|
||||||
export default function Layout({ children }: { children: ReactNode }) {
|
export default function Layout({ children }: { children: ReactNode }) {
|
||||||
return (
|
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 />
|
<AnimatedBackground />
|
||||||
<div className="z-10 w-full">
|
<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">
|
<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 (
|
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">
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||||
{/* Featured Card */}
|
{/* Featured Card */}
|
||||||
<div className="col-span-full">
|
<div className="col-span-full">
|
||||||
@@ -187,6 +187,6 @@ export default function EventsPage() {
|
|||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { baiJamjureeFont } from '@/lib/fonts';
|
import { poppinsFont } from '@/lib/fonts';
|
||||||
import '@/styles/globals.css';
|
import '@/styles/globals.css';
|
||||||
import { cn } from '@utils';
|
import { cn } from '@utils';
|
||||||
import { type Metadata } from 'next';
|
import { type Metadata } from 'next';
|
||||||
@@ -16,7 +16,7 @@ export default function RootLayout({
|
|||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="id" suppressHydrationWarning>
|
<html lang="id" suppressHydrationWarning>
|
||||||
<body className={cn(baiJamjureeFont.className, 'antialiased')}>
|
<body className={cn(poppinsFont.className, 'antialiased')}>
|
||||||
<Providers
|
<Providers
|
||||||
attribute="class"
|
attribute="class"
|
||||||
defaultTheme="system"
|
defaultTheme="system"
|
||||||
|
|||||||
Reference in New Issue
Block a user