k.karaer/personel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Personel Sayfası ve Uygulama renk değişiklikleri

Browse Source
This commit is contained in:
Kenan KARAER
2026-03-18 00:08:39 +03:00
parent eb7dee7705
commit b354412cb8
19 changed files with 836 additions and 349 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/login/page.tsx
+41 -50
View File
@@ -6,77 +6,68 @@ export default function LoginPage({
searchParams: { error?: string }
}) {
return (
<div className="flex min-h-screen flex-col items-center justify-center p-24 bg-gray-50 dark:bg-zinc-950">
<div className="w-full max-w-sm p-8 space-y-8 bg-white dark:bg-zinc-900 rounded-xl shadow-lg border border-gray-100 dark:border-zinc-800">
<div className="flex min-h-screen flex-col items-center justify-center p-6 bg-slate-50 dark:bg-zinc-950">
<div className="w-full max-w-md p-10 space-y-10 bg-white dark:bg-zinc-900 rounded-[2.5rem] shadow-sm border border-slate-100 dark:border-zinc-800">
<div className="text-center">
<h2 className="text-2xl font-bold tracking-tight text-gray-900 dark:text-white">
HRMS Sistemine Giriş
<h2 className="text-3xl font-bold tracking-tight text-slate-900 dark:text-white">
Abisena Giriş
</h2>
<p className="mt-2 text-sm text-gray-500 dark:text-gray-400">
Lütfen e-posta ve şifrenizle giriş yapın.
<p className="mt-3 text-sm font-medium text-slate-500 dark:text-slate-400">
Personel Takip Sistemine Giriş Yapın
</p>
</div>
<form className="space-y-6" action={login}>
<form className="space-y-8" action={login}>
{searchParams?.error && (
<div className="p-3 text-sm text-red-500 bg-red-50 dark:bg-red-500/10 border border-red-200 dark:border-red-500/20 rounded-lg">
<div className="p-4 text-sm font-bold text-rose-600 bg-rose-50 dark:bg-rose-500/10 border border-rose-100 dark:border-rose-500/20 rounded-2xl text-center">
E-posta adresi veya şifre hatalı.
</div>
)}
<div>
<div className="space-y-2">
<label
htmlFor="email"
className="block text-sm font-medium leading-6 text-gray-900 dark:text-gray-300"
className="block text-sm font-bold text-slate-700 dark:text-slate-300 ml-1"
>
E-posta Adresi
</label>
<div className="mt-2">
<input
id="email"
name="email"
type="email"
autoComplete="email"
required
className="block w-full rounded-md border-0 py-1.5 px-3 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 dark:ring-zinc-700 dark:bg-zinc-800 dark:text-white placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6 outline-none transition-shadow duration-200"
placeholder="ornek@sirket.com"
/>
</div>
<input
id="email"
name="email"
type="email"
autoComplete="email"
required
className="block w-full rounded-2xl border-0 py-3.5 px-4 text-slate-900 shadow-sm ring-1 ring-inset ring-slate-200 dark:ring-zinc-700 dark:bg-zinc-800 dark:text-white placeholder:text-slate-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm outline-none transition-all"
placeholder="admin@abisena.com"
/>
</div>
<div>
<div className="flex items-center justify-between">
<label
htmlFor="password"
className="block text-sm font-medium leading-6 text-gray-900 dark:text-gray-300"
>
Şifre
</label>
</div>
<div className="mt-2">
<input
id="password"
name="password"
type="password"
autoComplete="current-password"
required
className="block w-full rounded-md border-0 py-1.5 px-3 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 dark:ring-zinc-700 dark:bg-zinc-800 dark:text-white placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6 outline-none transition-shadow duration-200"
placeholder="••••••••"
/>
</div>
</div>
<div>
<button
type="submit"
className="flex w-full justify-center rounded-md bg-blue-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 transition-colors duration-200"
<div className="space-y-2">
<label
htmlFor="password"
className="block text-sm font-bold text-slate-700 dark:text-slate-300 ml-1"
>
Giriş Yap
</button>
Şifre
</label>
<input
id="password"
name="password"
type="password"
autoComplete="current-password"
required
className="block w-full rounded-2xl border-0 py-3.5 px-4 text-slate-900 shadow-sm ring-1 ring-inset ring-slate-200 dark:ring-zinc-700 dark:bg-zinc-800 dark:text-white placeholder:text-slate-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm outline-none transition-all"
placeholder="••••••••"
/>
</div>
</form>
<button
type="submit"
className="flex w-full justify-center rounded-2xl bg-indigo-600 px-4 py-4 text-sm font-bold leading-6 text-white shadow-sm shadow-indigo-100 dark:shadow-none hover:bg-indigo-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 transition-all active:scale-95"
>
Giriş Yap
</button>
</form>
</div>
</div>
)