Server container
This commit is contained in:
@@ -153,3 +153,22 @@ body {
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
font-weight: bold;
|
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;
|
||||||
|
}
|
||||||
|
|||||||
+8
-4
@@ -71,12 +71,16 @@ pub fn Dashboard() -> Element {
|
|||||||
}
|
}
|
||||||
|
|
||||||
div { class: "server-container",
|
div { class: "server-container",
|
||||||
div { class: "performance-card",
|
div {
|
||||||
LineChart { data: vec![90, 20, 40, 90, 60], max: 100 }
|
h3 { "Web server 01" }
|
||||||
}
|
}
|
||||||
|
|
||||||
div { class: "performance-card",
|
div {
|
||||||
LineChart { data: vec![90, 20, 40, 90, 60], max: 100 }
|
h3 { "Web server 01" }
|
||||||
|
}
|
||||||
|
|
||||||
|
div {
|
||||||
|
h3 { "Web server 01" }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user