mirror of
https://github.com/mztlive/dx-admin-template.git
synced 2026-01-14 17:02:56 +00:00
fix style
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user