Center films in filmstrip
parent
e4f29b298b
commit
86f0d56f00
|
|
@ -29,6 +29,12 @@
|
||||||
height: 20vh;
|
height: 20vh;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
> .filmstrip-content {
|
||||||
|
margin: 0 auto;
|
||||||
|
display: flex;
|
||||||
|
height: 100%;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
> .film {
|
> .film {
|
||||||
height: 18vh;
|
height: 18vh;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
|
@ -44,11 +50,11 @@
|
||||||
border: 1px solid rgba(255,255,255,0.15);
|
border: 1px solid rgba(255,255,255,0.15);
|
||||||
|
|
||||||
> [data-component='Peer'] {
|
> [data-component='Peer'] {
|
||||||
max-width: 17vh * (4 / 3);
|
max-width: 18vh * (4 / 3);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&.screen {
|
&.screen {
|
||||||
max-width: 17vh * (2 * 4 / 3);
|
max-width: 18vh * (2 * 4 / 3);
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -68,3 +74,4 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue