Add some very basic styling to the Filmstrip

This commit is contained in:
Torjus
2018-07-19 15:07:33 +02:00
parent ef2d8a4105
commit cab3032f8f
4 changed files with 49 additions and 12 deletions
+32
View File
@@ -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;
}
}
}
}
+3 -1
View File
@@ -22,13 +22,15 @@
> .view-container {
position: relative;
flex-grow: 1;
&.webcam {
order: 2;
}
&.screen {
order: 1;
max-width: 50%;
}
> .controls {