amarul/git-course
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#1 updated login page

Browse Source
This commit is contained in:
pesu98
2026-05-12 12:06:56 +08:00
parent 532b699e37
commit a56f51996b
3 changed files with 84 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
resources/views/layouts/guest.blade.php
View File

@@ -14,16 +14,48 @@
<!-- Scripts -->
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="font-sans text-gray-900 antialiased">
<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">
<div>
<a href="/">
<x-application-logo class="w-20 h-20 fill-current text-gray-500" />
</a>
</div>
<body class="font-sans text-slate-900 antialiased">
<div class="min-h-screen bg-gradient-to-br from-sky-50 via-white to-rose-50 px-4 py-8 sm:px-6 lg:px-8">
<div class="mx-auto flex min-h-[calc(100vh-4rem)] w-full max-w-6xl items-center justify-center">
<div class="grid w-full overflow-hidden rounded-[2rem] border border-white/80 bg-white/90 shadow-2xl shadow-sky-100/70 backdrop-blur lg:grid-cols-[0.95fr_1.05fr]">
<div class="relative hidden overflow-hidden bg-gradient-to-br from-cyan-500 via-sky-500 to-violet-500 p-10 text-white lg:block">
<div class="absolute -left-16 top-10 h-44 w-44 rounded-full bg-white/20"></div>
<div class="absolute bottom-12 right-8 h-56 w-56 rounded-full bg-amber-200/30"></div>
<div class="absolute right-20 top-28 h-20 w-20 rounded-full bg-rose-300/40"></div>
<div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
{{ $slot }}
<a href="/" class="relative inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-white/95 shadow-lg shadow-sky-900/20">
<x-application-logo class="h-9 w-9 fill-current text-sky-600" />
</a>
<div class="relative mt-24 max-w-sm">
<p class="text-sm font-semibold uppercase tracking-[0.28em] text-white/80">{{ config('app.name', 'Laravel') }}</p>
<h1 class="mt-5 text-4xl font-bold leading-tight">Welcome back to your workspace.</h1>
<p class="mt-5 text-base leading-7 text-white/85">Sign in to manage your account with a secure, simple, and focused experience.</p>
</div>
<div class="relative mt-16 grid grid-cols-3 gap-3">
<div class="h-24 rounded-3xl bg-white/20"></div>
<div class="h-24 rounded-3xl bg-white/30"></div>
<div class="h-24 rounded-3xl bg-white/20"></div>
</div>
</div>
<div class="flex min-h-[640px] items-center justify-center px-5 py-8 sm:px-10 lg:px-14">
<div class="w-full max-w-md">
<div class="mb-8 flex items-center gap-3 lg:hidden">
<a href="/" class="inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-sky-100">
<x-application-logo class="h-8 w-8 fill-current text-sky-600" />
</a>
<div>
<p class="text-sm font-semibold text-slate-500">{{ config('app.name', 'Laravel') }}</p>
<p class="text-lg font-bold text-slate-900">{{ __('Welcome back') }}</p>
</div>
</div>
{{ $slot }}
</div>
</div>
</div>
</div>
</div>
</body>