mirror of
https://github.com/oxen-io/session-desktop.git
synced 2023-12-14 02:12:57 +01:00
make right panel the correct size when window is tiny
This commit is contained in:
parent
2279f0abc6
commit
d7e1d014a4
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue