Add some very basic styling to the Filmstrip
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
[data-component='Filmstrip'] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
|
||||
> .active-peer {
|
||||
width: 95vmin;
|
||||
padding: 10vmin 1vmin 1vmin 1vmin;
|
||||
}
|
||||
|
||||
> .filmstrip {
|
||||
display: flex;
|
||||
padding: 0.5vmin;
|
||||
cursor: pointer;
|
||||
|
||||
> .film {
|
||||
height: 15vmin;
|
||||
max-width: 15vmin * (2 * 4 / 3);
|
||||
margin: 1vmin;
|
||||
|
||||
&.active {
|
||||
border: 5px solid white;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
border: 5px solid pink;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -22,13 +22,15 @@
|
||||
|
||||
> .view-container {
|
||||
position: relative;
|
||||
|
||||
flex-grow: 1;
|
||||
|
||||
&.webcam {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
&.screen {
|
||||
order: 1;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
> .controls {
|
||||
|
||||
Reference in New Issue
Block a user