Implement phase 1 completion and phase 2 dynamic QR

This commit is contained in:
2026-05-26 08:06:48 +07:00
parent a152c99cce
commit 5624b92872
36 changed files with 3104 additions and 71 deletions

View File

@ -16,9 +16,10 @@
background: radial-gradient(circle at 50% 50%, rgba(37, 99, 235, 0.05) 0%, transparent 100%);
}
.glass-panel {
background: rgba(255, 255, 255, 0.8);
background: rgba(15, 23, 42, 0.74);
backdrop-filter: blur(12px);
border: 1px solid rgba(226, 232, 240, 0.8);
border: 1px solid rgba(255, 255, 255, 0.16);
box-shadow: 0 16px 40px rgba(2, 6, 23, 0.28);
}
</style>
<script id="tailwind-config">
@ -135,10 +136,10 @@
<form action="#" class="space-y-6" onsubmit="return false;">
<!-- Email Field -->
<div class="space-y-2">
<label class="block font-label-md text-label-md text-slate-700" for="email">Alamat Email</label>
<label class="block font-label-md text-label-md text-slate-700" for="email">Username Admin</label>
<div class="relative">
<span class="material-symbols-outlined absolute left-3 top-1/2 -translate-y-1/2 text-slate-500 text-[20px]">mail</span>
<input class="w-full pl-10 pr-4 py-3 rounded-xl border border-slate-200 bg-white focus:ring-2 focus:ring-primary focus:border-transparent transition-all outline-none font-body-md text-body-md" id="email" name="email" placeholder="admin@soundboxops.id" required="" type="email"/>
<span class="material-symbols-outlined absolute left-3 top-1/2 -translate-y-1/2 text-slate-500 text-[20px]">person</span>
<input class="w-full pl-10 pr-4 py-3 rounded-xl border border-slate-200 bg-white focus:ring-2 focus:ring-primary focus:border-transparent transition-all outline-none font-body-md text-body-md" id="email" name="username" placeholder="admin" required="" type="text" autocomplete="username"/>
</div>
</div>
<!-- Password Field -->
@ -266,4 +267,4 @@
<a href="/ui/admin-dashboard-overview" style="margin-right:0;color:#2563eb;text-decoration:none;font-weight:600">Dashboard</a>
</div>
'
</body></html>
</body></html>

View File

@ -16,9 +16,10 @@
background: radial-gradient(circle at 50% 50%, rgba(37, 99, 235, 0.05) 0%, transparent 100%);
}
.glass-panel {
background: rgba(255, 255, 255, 0.8);
background: rgba(15, 23, 42, 0.74);
backdrop-filter: blur(12px);
border: 1px solid rgba(226, 232, 240, 0.8);
border: 1px solid rgba(255, 255, 255, 0.16);
box-shadow: 0 16px 40px rgba(2, 6, 23, 0.28);
}
</style>
<script id="tailwind-config">
@ -135,10 +136,10 @@
<form action="#" class="space-y-6" onsubmit="return false;">
<!-- Email Field -->
<div class="space-y-2">
<label class="block font-label-md text-label-md text-slate-700" for="email">Alamat Email</label>
<label class="block font-label-md text-label-md text-slate-700" for="email">Username Admin</label>
<div class="relative">
<span class="material-symbols-outlined absolute left-3 top-1/2 -translate-y-1/2 text-slate-500 text-[20px]">mail</span>
<input class="w-full pl-10 pr-4 py-3 rounded-xl border border-slate-200 bg-white focus:ring-2 focus:ring-primary focus:border-transparent transition-all outline-none font-body-md text-body-md" id="email" name="email" placeholder="admin@soundboxops.id" required="" type="email"/>
<span class="material-symbols-outlined absolute left-3 top-1/2 -translate-y-1/2 text-slate-500 text-[20px]">person</span>
<input class="w-full pl-10 pr-4 py-3 rounded-xl border border-slate-200 bg-white focus:ring-2 focus:ring-primary focus:border-transparent transition-all outline-none font-body-md text-body-md" id="email" name="username" placeholder="admin" required="" type="text" autocomplete="username"/>
</div>
</div>
<!-- Password Field -->