pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-23 12:31:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: Redesign admin panel

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-04 18:58:39 +00:00
parent 095907b3a5
commit 35f380bfb4
6 changed files with 250 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/layout/AdminHeader.tsx
View File

@@ -27,26 +27,23 @@ export function AdminHeader({ onRefresh }: { onRefresh?: () => void }) {
const pageTitle = isSettingsPage ? 'Admin Settings' : 'Admin Dashboard';
return (
<header className="sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="container flex h-16 items-center justify-between px-4">
<header className="sticky top-0 z-50 w-full border-b border-border/50 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="container flex h-14 items-center justify-between px-4 max-w-7xl">
{/* Left Section - Navigation */}
<div className="flex items-center gap-4">
<div className="flex items-center gap-3">
<Button variant="ghost" size="sm" asChild>
<Link to={backLink} className="flex items-center gap-2">
<ArrowLeft className="w-4 h-4" />
<span className="hidden sm:inline">{backText}</span>
<span className="hidden sm:inline text-sm">{backText}</span>
</Link>
</Button>
<div className="h-6 w-px bg-border hidden sm:block" />
<div className="h-4 w-px bg-border/50 hidden sm:block" />
<div className="flex items-center gap-2">
<Shield className="w-6 h-6 text-primary" />
<h1 className="text-lg font-semibold">
<span className="sm:hidden">Admin</span>
<span className="hidden sm:inline">{pageTitle}</span>
</h1>
</div>
<h1 className="text-base font-semibold">
<span className="sm:hidden">Admin</span>
<span className="hidden sm:inline">{pageTitle}</span>
</h1>
</div>
{/* Right Section - Admin actions */}
@@ -94,16 +91,16 @@ export function AdminHeader({ onRefresh }: { onRefresh?: () => void }) {
size="sm"
onClick={onRefresh}
title="Refresh admin data"
className="hidden md:flex"
className="hidden md:flex gap-2"
>
<RefreshCw className="w-4 h-4" />
<span className="hidden sm:ml-2 sm:inline">Refresh</span>
<span className="text-sm">Refresh</span>
</Button>
{permissions?.role_level === 'superuser' && !isSettingsPage && (
<Button variant="ghost" size="sm" asChild className="hidden md:flex">
<Button variant="ghost" size="sm" asChild className="hidden md:flex gap-2">
<Link to="/admin/settings">
<Settings className="w-4 h-4" />
<span className="hidden sm:ml-2 sm:inline">Settings</span>
<span className="text-sm">Settings</span>
</Link>
</Button>
)}