From 892fb0c630709e5216486ea4ada24b6f4b529674 Mon Sep 17 00:00:00 2001 From: tommy Date: Mon, 3 Nov 2025 16:53:33 +0800 Subject: [PATCH] fix style --- assets/styling/admin.css | 21 ++++++++++++++++++--- src/views/navbar.rs | 11 ----------- 2 files changed, 18 insertions(+), 14 deletions(-) diff --git a/assets/styling/admin.css b/assets/styling/admin.css index a2abcc0..859b95d 100644 --- a/assets/styling/admin.css +++ b/assets/styling/admin.css @@ -18,6 +18,8 @@ display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); min-height: 100vh; + height: 100vh; + overflow: hidden; background-color: hsl(var(--background)); } @@ -33,6 +35,10 @@ background-color: hsl(var(--card)); border-right: 1px solid hsl(var(--border)); padding: 28px 24px; + position: sticky; + top: 0; + height: 100vh; + overflow-y: auto; transition: width 0.25s ease, padding 0.25s ease; @@ -201,20 +207,26 @@ display: flex; flex-direction: column; background-color: hsl(var(--background)); + height: 100vh; min-height: 100vh; + overflow: visible; } .admin-shell-topbar { position: sticky; top: 0; z-index: 5; + isolation: isolate; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; - background-color: hsla(var(--background), 0.95); - backdrop-filter: blur(12px); + background-color: hsla(var(--background), 0.3); + backdrop-filter: saturate(180%) blur(28px); + -webkit-backdrop-filter: saturate(180%) blur(28px); + box-shadow: 0 15px 40px -25px rgba(15, 23, 42, 0.45); height: var(--topbar-height); + padding: 0 24px; } .admin-shell-command { @@ -260,9 +272,12 @@ .admin-shell-content { flex: 1; width: 100%; - padding: 20px; + padding: 24px; /*background-color: hsl(var(--muted));*/ min-height: calc(100vh - var(--topbar-height)); + overflow-y: auto; + min-width: 0; + min-height: 0; } .dashboard-root { diff --git a/src/views/navbar.rs b/src/views/navbar.rs index c8ed4b6..953c33e 100644 --- a/src/views/navbar.rs +++ b/src/views/navbar.rs @@ -111,17 +111,6 @@ pub fn Navbar() -> Element { } } SidebarFooter { - div { class: "sidebar-profile", - Avatar { - src: Some("https://avatars.githubusercontent.com/u/3236120?v=4".to_string()), - alt: Some("Administrator avatar".to_string()), - fallback: Some("DX".to_string()), - } - div { - span { class: "sidebar-profile-name", "Taylor Chen" } - span { class: "sidebar-profile-role", "Product Manager" } - } - } Button { class: Some("mt-2 w-full".to_string()), variant: ButtonVariant::Secondary,