Adaptive dashboard widget height

This commit is contained in:
Fabio Manganiello 2020-05-01 15:03:08 +02:00
parent 1d24c878e6
commit 1cf93199d0

View file

@ -30,10 +30,11 @@ main {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
width: 100%; width: 100%;
height: 100%; height: 100vh;
margin: 0; margin: 0;
.widgets-row { .widgets-row {
height: calc(50% - 3em);
margin: 2em 1em; margin: 2em 1em;
display: flex; display: flex;
} }
@ -41,9 +42,13 @@ main {
.widget { .widget {
background: $background-color; background: $background-color;
border-radius: 5px; border-radius: 5px;
height: 22.5em; height: 100%;
overflow: hidden; overflow: hidden;
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
} }
} }
#widgets-container {
height: 100%;
}