make right panel the correct size when window is tiny

This commit is contained in:
Audric Ackermann 2020-10-07 10:51:35 +11:00
parent 2279f0abc6
commit d7e1d014a4
No known key found for this signature in database
GPG key ID: 999F434D76324AD4

View file

@ -8,8 +8,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; height: 100vh;
width: 22vw; width: -webkit-fill-available;
flex-shrink: 0;
@include themify($themes) { @include themify($themes) {
background: themed('leftpaneOverlayBackground'); background: themed('leftpaneOverlayBackground');
border-left: themed('sessionBorder'); border-left: themed('sessionBorder');
@ -142,11 +142,11 @@
.module-media-grid-item__image, .module-media-grid-item__image,
.module-media-grid-item { .module-media-grid-item {
height: calc( height: calc(
22vw / 3.5 22vw / 4
); //.group-settings is 22vw and we want three rows with some space so divide it by 3.5 ); //.group-settings is 22vw and we want three rows with some space so divide it by 4
width: calc( width: calc(
22vw / 3.5 22vw / 4
); //.group-settings is 22vw and we want three rows with some space so divide it by 3.5 ); //.group-settings is 22vw and we want three rows with some space so divide it by 4
margin: auto; margin: auto;
margin-bottom: 1vh; margin-bottom: 1vh;
} }