zias/kunstenkamp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:improved admin dashboard on mobile

Browse Source
This commit is contained in:
ッ
2026-03-04 16:25:46 +01:00
parent f9d79c3879
commit 835f0941dc
4 changed files with 288 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/routes/admin/drinkkaart.tsx
View File

@@ -100,18 +100,18 @@ function AdminDrinkkaartPage() {
return (
<div>
{/* Header */}
<header className="border-white/10 border-b bg-[#214e51]/95 px-6 py-5">
<div className="mx-auto flex max-w-2xl items-center gap-4">
<header className="border-white/10 border-b bg-[#214e51]/95 px-4 py-4 sm:px-6 sm:py-5">
<div className="mx-auto flex max-w-2xl items-center gap-3 sm:gap-4">
<Link to="/admin" className="text-sm text-white/60 hover:text-white">
← Admin
</Link>
<h1 className="font-['Intro',sans-serif] text-2xl text-white">
<h1 className="font-['Intro',sans-serif] text-white text-xl sm:text-2xl">
Drinkkaart Beheer
</h1>
</div>
</header>
<main className="mx-auto max-w-2xl space-y-8 px-6 py-8">
<main className="mx-auto max-w-2xl space-y-6 px-4 py-4 sm:space-y-8 sm:px-6 sm:py-8">
{/* Scan / State machine */}
<div className="rounded-2xl border border-white/10 bg-white/5 p-6">
{scanState.step === "idle" && (