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;
flex-flow: column;
width: 100%;
height: 100%;
height: 100vh;
margin: 0;
.widgets-row {
height: calc(50% - 3em);
margin: 2em 1em;
display: flex;
}
@ -41,9 +42,13 @@ main {
.widget {
background: $background-color;
border-radius: 5px;
height: 22.5em;
height: 100%;
overflow: hidden;
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%;
}