Spaces:
Sleeping
Sleeping
File size: 8,813 Bytes
6f32ae8 d3d3b46 6f32ae8 d3d3b46 6f32ae8 d3d3b46 6f32ae8 d3d3b46 4433399 d3d3b46 6f32ae8 d3d3b46 6f32ae8 d3d3b46 6f32ae8 d3d3b46 6f32ae8 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 | @inherits LayoutComponentBase
@using BlazorWebAssembly.Services
@using Microsoft.AspNetCore.Components.Authorization
@inject ThemeService ThemeService
@inject AuthenticationStateProvider AuthStateProvider
<AuthorizeView>
<Authorized>
<div class="flex h-screen overflow-hidden bg-body text-main animate-fade font-sans">
<!-- Sidebar (Dashboard View) -->
<aside class="hidden lg:flex lg:w-64 lg:flex-col lg:fixed lg:inset-y-0 z-50 border-r border-border bg-card">
<div class="flex flex-col flex-grow pt-8 pb-4 overflow-y-auto">
<div class="flex items-center flex-shrink-0 px-6 gap-3 mb-10">
<div class="bg-primary rounded-xl p-2 text-white shadow-lg shadow-primary/20">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m16 6 4 14"/><path d="M12 6v14"/><path d="M8 8v12"/><path d="M4 4v16"/><path d="M4 12V4l4 4"/><path d="m12 6 4 4"/></svg>
</div>
<span class="text-xl font-black tracking-tighter uppercase">LibraryLuxe</span>
</div>
<div class="flex-grow px-3">
<NavMenu />
</div>
<div class="px-6 py-6 border-t border-border">
<div class="mb-6">
<p class="text-[10px] font-black text-muted uppercase tracking-[0.2em] mb-4 text-center">Switch Theme</p>
<ThemeSwitcher />
</div>
<div class="flex items-center gap-3 p-3 bg-body rounded-2xl border border-border">
<div class="h-10 w-10 rounded-xl bg-primary flex items-center justify-center text-white font-bold shadow-sm">
@(context.User.Identity?.Name?.Length > 0 ? context.User.Identity.Name[..1].ToUpper() : "?")
</div>
<div class="flex flex-col min-w-0">
<span class="text-xs font-bold truncate">@context.User.Identity?.Name</span>
<span class="text-[10px] text-muted font-medium uppercase tracking-wider">Member</span>
</div>
</div>
</div>
</div>
</aside>
<div class="lg:pl-64 flex flex-col flex-1 w-0">
<header class="h-20 bg-card/80 backdrop-blur-md border-b border-border sticky top-0 z-40 flex items-center justify-between px-8">
<div class="flex-grow max-w-lg">
<div class="relative">
<svg class="absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-muted" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
<input type="text" placeholder="Quick search..." class="w-full bg-body border border-border rounded-xl pl-12 pr-4 py-2.5 text-sm focus:ring-2 focus:ring-primary focus:border-transparent outline-none transition-all shadow-sm" />
</div>
</div>
<div class="flex items-center gap-6">
<button class="relative text-muted hover:text-primary transition-colors">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path></svg>
<span class="absolute top-0 right-0 w-2 h-2 bg-primary rounded-full border-2 border-card"></span>
</button>
<a href="/logout" class="text-xs font-black uppercase tracking-widest text-muted hover:text-red-500 transition-colors">Logout</a>
</div>
</header>
<main class="flex-1 overflow-y-auto p-8 scrollbar-hide">
<div class="max-w-6xl mx-auto">
@Body
</div>
</main>
</div>
</div>
</Authorized>
<NotAuthorized>
<div class="min-h-screen bg-body text-main animate-fade font-sans flex flex-col">
<!-- Top Navbar (Guest View) -->
<nav class="h-20 bg-card/80 backdrop-blur-md border-b border-border sticky top-0 z-50 px-8 flex items-center justify-between shadow-sm">
<div class="flex items-center gap-10">
<a href="/" class="flex items-center gap-3 group">
<div class="bg-primary rounded-xl p-2 text-white shadow-lg shadow-primary/20 group-hover:scale-110 transition-transform">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m16 6 4 14"/><path d="M12 6v14"/><path d="M8 8v12"/><path d="M4 4v16"/><path d="M4 12V4l4 4"/><path d="m12 6 4 4"/></svg>
</div>
<span class="text-xl font-black tracking-tighter uppercase">LibraryLuxe</span>
</a>
<div class="hidden md:flex items-center gap-8">
<NavLink href="/" Match="NavLinkMatch.All" class="text-xs font-black uppercase tracking-widest text-muted hover:text-primary transition-colors">Home</NavLink>
<NavLink href="/books" class="text-xs font-black uppercase tracking-widest text-muted hover:text-primary transition-colors">Books</NavLink>
<NavLink href="/about" class="text-xs font-black uppercase tracking-widest text-muted hover:text-primary transition-colors">About Us</NavLink>
<NavLink href="/contact" class="text-xs font-black uppercase tracking-widest text-muted hover:text-primary transition-colors">Contact</NavLink>
</div>
</div>
<div class="flex items-center gap-6">
<ThemeSwitcher />
<div class="h-6 w-px bg-border hidden sm:block"></div>
<div class="flex items-center gap-4">
<a href="/login" class="text-xs font-black uppercase tracking-widest text-muted hover:text-primary transition-colors">Sign In</a>
<a href="/register" class="bg-primary text-white px-6 py-2.5 rounded-xl text-xs font-black uppercase tracking-widest hover:bg-primary-hover shadow-lg shadow-primary/20 transition-all transform hover:scale-105">Get Started</a>
</div>
</div>
</nav>
<main class="flex-grow">
@Body
</main>
<footer class="py-12 border-t border-border bg-card">
<div class="max-w-6xl mx-auto px-8 flex flex-col md:flex-row justify-between items-center gap-8">
<div class="flex items-center gap-3 opacity-50 grayscale">
<div class="bg-main rounded-lg p-1.5 text-bg-body">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m16 6 4 14"/><path d="M12 6v14"/><path d="M8 8v12"/><path d="M4 4v16"/><path d="M4 12V4l4 4"/><path d="m12 6 4 4"/></svg>
</div>
<span class="text-sm font-black tracking-tighter uppercase">LibraryLuxe</span>
</div>
<p class="text-[10px] font-bold text-muted uppercase tracking-[0.2em]">© 2026 LibraryLuxe Ecosystem. All rights reserved.</p>
<div class="flex gap-6">
<a href="#" class="text-[10px] font-black uppercase tracking-widest text-muted hover:text-primary">Privacy</a>
<a href="#" class="text-[10px] font-black uppercase tracking-widest text-muted hover:text-primary">Terms</a>
</div>
</div>
</footer>
</div>
</NotAuthorized>
</AuthorizeView>
@code {
protected override async Task OnInitializedAsync()
{
await ThemeService.InitializeAsync();
}
}
|