diff --git a/assets/dashboard.css b/assets/dashboard.css index 99293b1..3459e27 100644 --- a/assets/dashboard.css +++ b/assets/dashboard.css @@ -153,3 +153,22 @@ body { white-space: nowrap; font-weight: bold; } + +.server-container { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 25px; +} + +.server-container div { + box-sizing: border-box; + background-color: #fff; + border-radius: 10px; + width: 100%; + height: 406; + padding: 30px; +} +.dashboard-container h3 { + padding: 0; + margin: 0; +} diff --git a/src/dashboard.rs b/src/dashboard.rs index af95184..7fe82b4 100644 --- a/src/dashboard.rs +++ b/src/dashboard.rs @@ -71,12 +71,16 @@ pub fn Dashboard() -> Element { } div { class: "server-container", - div { class: "performance-card", - LineChart { data: vec![90, 20, 40, 90, 60], max: 100 } + div { + h3 { "Web server 01" } } - div { class: "performance-card", - LineChart { data: vec![90, 20, 40, 90, 60], max: 100 } + div { + h3 { "Web server 01" } + } + + div { + h3 { "Web server 01" } } } }