DungTT/ManagerAccount
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reponsive all

Browse Source
This commit is contained in:
Tran Tien Dung
2026-07-17 10:37:46 +07:00
parent 5c818583dc
commit 00e271fada
6 changed files with 563 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/pages/index.html
View File

@@ -267,6 +267,7 @@
}
</style>
<link rel="stylesheet" href="../css/responsive.css?v=20260717-1" />
</head>
<body class="app-shell bg-background text-on-surface antialiased flex h-screen w-screen">
<!-- SideNavBar -->
@@ -387,6 +388,6 @@
</div>
</main>
<script src="../js/app.js?v=20260630-1"></script>
<script src="../js/app.js?v=20260717-1"></script>
</body>
</html>

13
public/pages/login.html
View File

@@ -25,16 +25,17 @@
body { font-family: 'Inter', sans-serif; min-height: 100vh; }
h1, h2, h3 { font-family: 'Manrope', sans-serif; }
</style>
<link rel="stylesheet" href="../css/responsive.css?v=20260717-1" />
</head>
<body class="bg-gradient-to-br from-blue-50 via-background to-purple-50 dark:from-slate-950 dark:via-slate-900 dark:to-slate-950 antialiased">
<div class="min-h-screen flex items-center justify-center px-4">
<body class="auth-page bg-gradient-to-br from-blue-50 via-background to-purple-50 dark:from-slate-950 dark:via-slate-900 dark:to-slate-950 antialiased">
<div class="auth-shell min-h-screen flex items-center justify-center px-4">
<div class="w-full max-w-md">
<!-- Login Card -->
<div class="bg-white dark:bg-slate-900 rounded-2xl shadow-lg border border-outline-variant/10 p-8">
<div class="auth-card bg-white dark:bg-slate-900 rounded-2xl shadow-lg border border-outline-variant/10 p-8">
<!-- Header -->
<div class="text-center mb-8">
<div class="auth-heading text-center mb-8">
<div class="flex justify-center mb-4">
<div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center">
<div class="auth-icon w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center">
<span class="material-symbols-outlined text-primary text-4xl">security</span>
</div>
</div>
@@ -86,7 +87,7 @@
</div>
<!-- Remember Me Checkbox -->
<div class="flex items-center justify-between gap-2">
<div class="remember-row flex items-center justify-between gap-2">
<div class="flex items-center">
<input
type="checkbox"

9
public/pages/verify-email.html
View File

@@ -8,10 +8,11 @@
<style>
body { font-family: 'Inter', sans-serif; min-height: 100vh; }
</style>
<link rel="stylesheet" href="../css/responsive.css?v=20260717-1" />
</head>
<body class="bg-gradient-to-br from-slate-100 via-white to-blue-100 text-slate-900 antialiased">
<main class="min-h-screen flex items-center justify-center px-4">
<section class="w-full max-w-md bg-white rounded-2xl border border-slate-200 shadow-lg p-8">
<body class="verify-page bg-gradient-to-br from-slate-100 via-white to-blue-100 text-slate-900 antialiased">
<main class="verify-shell min-h-screen flex items-center justify-center px-4">
<section class="verify-card w-full max-w-md bg-white rounded-2xl border border-slate-200 shadow-lg p-8">
<h1 class="text-2xl font-black tracking-tight mb-2">Email Confirmation</h1>
<p class="text-sm text-slate-600 mb-6">We are confirming your account.</p>
@@ -19,7 +20,7 @@
Confirming your email, please wait...
</div>
<div class="mt-6 flex gap-3">
<div class="verify-actions mt-6 flex gap-3">
<a href="./login.html" class="flex-1 text-center px-4 py-2 rounded-lg bg-slate-100 hover:bg-slate-200 text-slate-700 font-semibold transition-colors">Back to Login</a>
<a id="signInBtn" href="./login.html" class="hidden flex-1 text-center px-4 py-2 rounded-lg bg-blue-600 hover:bg-blue-700 text-white font-semibold transition-colors">Sign In</a>
</div>