style: fix auth layout height overlap and remove all emojis for LPK professionalism

This commit is contained in:
2026-01-23 19:51:01 +07:00
parent 762746859c
commit fe6b195156
7 changed files with 138 additions and 88 deletions

View File

@@ -1,4 +1,4 @@
import AuthLayout from '@/Layouts/AuthLayout';
import GuestLayout from '@/Layouts/GuestLayout';
import { Head, Link, useForm } from '@inertiajs/react';
import { FormEventHandler } from 'react';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card';
@@ -31,13 +31,13 @@ export default function Login({
};
return (
<AuthLayout>
<GuestLayout>
<Head title="Masuk ke Academy" />
<Card className="border-white/10 bg-white/40 dark:bg-black/40 backdrop-blur-2xl shadow-[0_24px_48px_-12px_rgba(0,0,0,0.1)] rounded-[2.5rem] overflow-hidden">
<CardHeader className="space-y-1 text-center pt-10 pb-6 px-8">
<CardTitle className="text-3xl font-black tracking-tight text-foreground flex items-center justify-center gap-3">
Okaeri! <span className="animate-bounce">👋</span>
Selamat Datang Kembali
</CardTitle>
<CardDescription className="text-muted-foreground font-medium text-xs uppercase tracking-widest pt-2">
Masuk ke portal siswa LPK NihonBuzz
@@ -161,6 +161,6 @@ export default function Login({
</form>
</CardContent>
</Card>
</AuthLayout>
</GuestLayout>
);
}