rust/dx-admin-template
1
0
Fork 0
mirror of https://github.com/mztlive/dx-admin-template.git synced 2026-01-03 19:42:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix style

Browse Source
This commit is contained in:
tommy
2025-11-03 16:53:33 +08:00
parent f084d42673
commit 892fb0c630
2 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
assets/styling/admin.css
View File

@@ -18,6 +18,8 @@
display: grid; display: grid;
grid-template-columns: var(--sidebar-width) minmax(0, 1fr); grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
min-height: 100vh; min-height: 100vh;
height: 100vh;
overflow: hidden;
background-color: hsl(var(--background)); background-color: hsl(var(--background));
} }
@@ -33,6 +35,10 @@
background-color: hsl(var(--card)); background-color: hsl(var(--card));
border-right: 1px solid hsl(var(--border)); border-right: 1px solid hsl(var(--border));
padding: 28px 24px; padding: 28px 24px;
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
transition: transition:
width 0.25s ease, width 0.25s ease,
padding 0.25s ease; padding 0.25s ease;
@@ -201,20 +207,26 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: hsl(var(--background)); background-color: hsl(var(--background));
height: 100vh;
min-height: 100vh; min-height: 100vh;
overflow: visible;
} }
.admin-shell-topbar { .admin-shell-topbar {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 5; z-index: 5;
isolation: isolate;
display: grid; display: grid;
grid-template-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;
align-items: center; align-items: center;
gap: 16px; gap: 16px;
background-color: hsla(var(--background), 0.95); background-color: hsla(var(--background), 0.3);
backdrop-filter: blur(12px); 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); height: var(--topbar-height);
padding: 0 24px;
} }
.admin-shell-command { .admin-shell-command {
@@ -260,9 +272,12 @@
.admin-shell-content { .admin-shell-content {
flex: 1; flex: 1;
width: 100%; width: 100%;
padding: 20px; padding: 24px;
/*background-color: hsl(var(--muted));*/ /*background-color: hsl(var(--muted));*/
min-height: calc(100vh - var(--topbar-height)); min-height: calc(100vh - var(--topbar-height));
overflow-y: auto;
min-width: 0;
min-height: 0;
} }
.dashboard-root { .dashboard-root {

11
src/views/navbar.rs
View File

@@ -111,17 +111,6 @@ pub fn Navbar() -> Element {
} }
} }
SidebarFooter { 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 { Button {
class: Some("mt-2 w-full".to_string()), class: Some("mt-2 w-full".to_string()),
variant: ButtonVariant::Secondary, variant: ButtonVariant::Secondary,