feat: enhance animations and transitions for announcements and layout components
This commit is contained in:
@@ -32,16 +32,16 @@ export default function RootLayout({
|
||||
className={cn("h-full", "antialiased", geistSans.variable, geistMono.variable, "font-sans", inter.variable)}
|
||||
>
|
||||
<body className="min-h-full flex flex-col">
|
||||
<header className="sticky top-0 z-40 border-b bg-background/85 backdrop-blur">
|
||||
<header className="sticky top-0 z-40 border-b bg-background/85 backdrop-blur motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-top-2 motion-safe:duration-500">
|
||||
<div className="mx-auto flex w-full max-w-6xl items-center justify-between px-4 py-3 sm:px-8">
|
||||
<Link href="/" className="text-sm font-semibold tracking-tight sm:text-base">
|
||||
<Link href="/" className="text-sm font-semibold tracking-tight transition-colors duration-200 hover:text-primary sm:text-base">
|
||||
Takasumi-Neodyマイクラサーバプロジェクト
|
||||
</Link>
|
||||
<nav className="flex items-center gap-4 text-sm">
|
||||
<Link href="/" className="underline-offset-4 hover:underline">
|
||||
<Link href="/" className="underline-offset-4 transition-colors duration-200 hover:text-primary hover:underline">
|
||||
メインページ
|
||||
</Link>
|
||||
<Link href="/announcements" className="underline-offset-4 hover:underline">
|
||||
<Link href="/announcements" className="underline-offset-4 transition-colors duration-200 hover:text-primary hover:underline">
|
||||
お知らせ
|
||||
</Link>
|
||||
</nav>
|
||||
|
||||
Reference in New Issue
Block a user