Added support for locking rooms

This commit is contained in:
Håvar Aambø Fosstveit
2019-02-15 12:23:05 +01:00
parent 4fd3c6c8b1
commit 1c5f90cff6
11 changed files with 331 additions and 108 deletions
+14
View File
@@ -1,6 +1,20 @@
[data-component='Room'] {
AppearFadeIn(300ms);
> .locked-out {
position: fixed;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 30vw;
text-align: center;
font-family: 'Roboto';
font-size: 2.5em;
box-shadow: 0px 5px 12px 2px rgba(17, 17, 17, 0.5);
background-color: #fff;
padding: 2vmin;
}
> .room-wrapper {
position: absolute;
top: 0;
+10
View File
@@ -96,6 +96,16 @@
}
}
&.lock {
&.locked {
background-image: url('/resources/images/icon_locked_white.svg');
}
&.unlocked {
background-image: url('/resources/images/icon_unlocked_white.svg');
}
}
&.raise-hand {
background-image: url('/resources/images/icon-hand-white.svg');