rust/dx-admin-template
1
0
Fork 0
mirror of https://github.com/mztlive/dx-admin-template.git synced 2026-01-06 13:02:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix style

Browse Source
This commit is contained in:
tommy
2025-11-03 16:02:01 +08:00
parent a6ac4833b6
commit 2ed5a591a9
2 changed files with 17 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
assets/styling/admin.css
View File

@@ -1,7 +1,7 @@
:root { :root {
--sidebar-width: 280px; --sidebar-width: 280px;
--sidebar-collapsed-width: 72px; --sidebar-collapsed-width: 72px;
--topbar-height: 60px; --topbar-height: 40px;
} }
.ui-shell { .ui-shell {
@@ -10,7 +10,7 @@
width: 100%; width: 100%;
max-width: none; max-width: none;
padding: 0; padding: 0;
background-color: hsl(var(--muted)); /*background-color: hsl(var(--muted));*/
border-radius: 0; border-radius: 0;
} }
@@ -33,7 +33,9 @@
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;
transition: width 0.25s ease, padding 0.25s ease; transition:
width 0.25s ease,
padding 0.25s ease;
} }
.ui-sidebar[data-collapsed="true"] { .ui-sidebar[data-collapsed="true"] {
@@ -62,7 +64,11 @@
width: 36px; width: 36px;
height: 36px; height: 36px;
border-radius: 10px; border-radius: 10px;
background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--secondary))); background: linear-gradient(
135deg,
hsl(var(--primary)),
hsl(var(--secondary))
);
color: hsl(var(--primary-foreground)); color: hsl(var(--primary-foreground));
font-size: 18px; font-size: 18px;
} }
@@ -115,7 +121,10 @@
border: 1px solid transparent; border: 1px solid transparent;
background-color: transparent; background-color: transparent;
color: hsl(var(--foreground)); color: hsl(var(--foreground));
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
text-align: left; text-align: left;
text-decoration: none; text-decoration: none;
} }
@@ -203,8 +212,6 @@
grid-template-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;
align-items: center; align-items: center;
gap: 16px; gap: 16px;
padding: 0 24px;
border-bottom: 1px solid hsl(var(--border));
background-color: hsla(var(--background), 0.95); background-color: hsla(var(--background), 0.95);
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
height: var(--topbar-height); height: var(--topbar-height);
@@ -253,8 +260,8 @@
.admin-shell-content { .admin-shell-content {
flex: 1; flex: 1;
width: 100%; width: 100%;
padding: 32px; padding: 20px;
background-color: hsl(var(--muted)); /*background-color: hsl(var(--muted));*/
min-height: calc(100vh - var(--topbar-height)); min-height: calc(100vh - var(--topbar-height));
} }

10
src/views/navbar.rs
View File

@@ -133,16 +133,8 @@ pub fn Navbar() -> Element {
class: "admin-shell-inset", class: "admin-shell-inset",
header { header {
class: "admin-shell-topbar", class: "admin-shell-topbar",
div { class: "admin-shell-command",
Button {
variant: ButtonVariant::Ghost,
class: Some("admin-command-button".to_string()),
r#type: "button".to_string(),
"⌘K"
}
}
div { class: "admin-shell-meta", div { class: "admin-shell-meta",
h1 { class: "admin-shell-title", "{title}" } h1 { class: "admin-shell-title", "Admin Template" }
} }
div { class: "admin-shell-actions", div { class: "admin-shell-actions",
Button { Button {