feat: Refactor dashboard screens to Modern Deep Dark style (#74)
Refactored Pulpit, Katalog, Moje, Konto screens to a unified, premium Modern Deep Dark style. Resolves #73. --------- Co-authored-by: Marek Jasiński <jasins.marek@gmail.com> Reviewed-on: #74 Co-authored-by: Antigravity <antigravity@google.com> Co-committed-by: Antigravity <antigravity@google.com>
This commit was merged in pull request #74.
This commit is contained in:
@@ -6,9 +6,9 @@
|
||||
|
||||
@if (!_isFullyLoaded)
|
||||
{
|
||||
<div class="app-preloader" style="backdrop-filter: blur(15px); background: rgba(18, 18, 18, 0.95); z-index: 100000;">
|
||||
<div class="app-preloader" style="backdrop-filter: blur(15px); background: rgba(18, 18, 18, 0.95); z-index: 100000; color: #ffffff;">
|
||||
<div class="preloader-spinner"></div>
|
||||
<div class="preloader-text">Synchronizing Secure Session...</div>
|
||||
<div class="preloader-text" style="color: #ffffff;">Synchronizing Secure Session...</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@@ -46,49 +46,54 @@
|
||||
</div>
|
||||
|
||||
<nav class="sidebar-nav">
|
||||
<NavLink class="nav-item" href="/" Match="NavLinkMatch.All" @onclick="CloseMobileMenu">
|
||||
<NavLink class="nav-item" href="/dashboard" Match="NavLinkMatch.All" @onclick="CloseMobileMenu" title="Pulpit" aria-label="Pulpit">
|
||||
<div class="nav-icon">
|
||||
<NexusIcon Name="home" Size="18" />
|
||||
<NexusIcon Name="home" Size="20" />
|
||||
</div>
|
||||
<span class="nav-text">Dashboard</span>
|
||||
<span class="nav-text">Pulpit</span>
|
||||
</NavLink>
|
||||
<NavLink class="nav-item" href="/library" @onclick="CloseMobileMenu">
|
||||
<NavLink class="nav-item" href="/catalog" @onclick="CloseMobileMenu" title="Katalog" aria-label="Katalog">
|
||||
<div class="nav-icon">
|
||||
<NexusIcon Name="book-open" Size="18" />
|
||||
<NexusIcon Name="layout" Size="20" />
|
||||
</div>
|
||||
<span class="nav-text">Library</span>
|
||||
<span class="nav-text">Katalog</span>
|
||||
</NavLink>
|
||||
<NavLink class="nav-item" href="/concepts-map" @onclick="CloseMobileMenu">
|
||||
<NavLink class="nav-item" href="/my-books" @onclick="CloseMobileMenu" title="Moje" aria-label="Moje">
|
||||
<div class="nav-icon">
|
||||
<NexusIcon Name="map" Size="18" />
|
||||
<NexusIcon Name="book-open" Size="20" />
|
||||
</div>
|
||||
<span class="nav-text">Concepts Map</span>
|
||||
<span class="nav-text">Moje</span>
|
||||
</NavLink>
|
||||
<NavLink class="nav-item" href="/intelligence" @onclick="CloseMobileMenu">
|
||||
<NavLink class="nav-item" href="/profile" @onclick="CloseMobileMenu" title="Konto" aria-label="Konto">
|
||||
<div class="nav-icon">
|
||||
<NexusIcon Name="cpu" Size="18" />
|
||||
<NexusIcon Name="user" Size="20" />
|
||||
</div>
|
||||
<span class="nav-text">Global AI Q&A</span>
|
||||
<span class="nav-text">Konto</span>
|
||||
</NavLink>
|
||||
<NavLink class="nav-item" href="/profile" @onclick="CloseMobileMenu">
|
||||
<NavLink class="nav-item" href="/concepts-map" @onclick="CloseMobileMenu" title="Mapa Pojęć" aria-label="Mapa Pojęć">
|
||||
<div class="nav-icon">
|
||||
<NexusIcon Name="message-square" Size="18" />
|
||||
<NexusIcon Name="map" Size="20" />
|
||||
</div>
|
||||
<span class="nav-text">Profile</span>
|
||||
<span class="nav-text">Mapa Pojęć</span>
|
||||
</NavLink>
|
||||
<NavLink class="nav-item" href="/settings" @onclick="CloseMobileMenu">
|
||||
<NavLink class="nav-item" href="/intelligence" @onclick="CloseMobileMenu" title="Globalne AI" aria-label="Globalne AI">
|
||||
<div class="nav-icon">
|
||||
<NexusIcon Name="settings" Size="18" />
|
||||
<NexusIcon Name="robot" Size="20" />
|
||||
</div>
|
||||
<span class="nav-text">Settings</span>
|
||||
<span class="nav-text">Globalne AI</span>
|
||||
</NavLink>
|
||||
<NavLink class="nav-item" href="/concenters" @onclick="CloseMobileMenu">
|
||||
<NavLink class="nav-item" href="/settings" @onclick="CloseMobileMenu" title="Ustawienia" aria-label="Ustawienia">
|
||||
<div class="nav-icon">
|
||||
<NexusIcon Name="target" Size="18" />
|
||||
<NexusIcon Name="settings" Size="20" />
|
||||
</div>
|
||||
<span class="nav-text">Concenters</span>
|
||||
<span class="nav-text">Ustawienia</span>
|
||||
</NavLink>
|
||||
<NavLink class="nav-item" href="/concenters" @onclick="CloseMobileMenu" title="Koncentry" aria-label="Koncentry">
|
||||
<div class="nav-icon">
|
||||
<NexusIcon Name="target" Size="20" />
|
||||
</div>
|
||||
<span class="nav-text">Koncentry</span>
|
||||
</NavLink>
|
||||
|
||||
</nav>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
@@ -100,8 +105,8 @@
|
||||
<span class="user-name">@context.User.Identity?.Name</span>
|
||||
</div>
|
||||
</div>
|
||||
<button class="logout-btn" @onclick="HandleLogout" title="Logout">
|
||||
<NexusIcon Name="log-out" Size="18" />
|
||||
<button class="logout-btn" @onclick="HandleLogout" title="Wyloguj">
|
||||
<NexusIcon Name="log-out" Size="20" />
|
||||
</button>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
Reference in New Issue
Block a user