Briq
/
multiparty-meeting
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use less intensive background image on phones

master
Torjus 2018-08-09 09:03:27 +02:00
parent af0873a74a
commit b24ed88e27
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/stylus/components/ToolArea.styl
View File

@ -157,13 +157,17 @@
top: 0; top: 0;
right: 0; right: 0;
height: 100%; height: 100%;
background-color: rgba(50, 50, 50, 0.9); background: rgba(0, 0, 0, 0.25);
transition: width 0.3s; transition: width 0.3s;
z-index: 1010; z-index: 1010;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-left: 1px solid #222; border-left: 1px solid #222;
+desktop() {
background: rgba(50, 50, 50, 0.9);
}
> .tab-headers { > .tab-headers {
display: flex; display: flex;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);

20
app/stylus/index.styl
View File

@ -9,19 +9,9 @@ global-reset();
html { html {
height: 100%; height: 100%;
box-sizing: border-box;
background-image: url('/resources/images/background.svg');
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
font-family: 'Roboto'; font-family: 'Roboto';
font-weight: 300; font-weight: 300;
+desktop() {
font-size: 16px;
}
+mobile() { +mobile() {
font-size: 12px; font-size: 12px;
} }
@ -30,6 +20,16 @@ html {
body { body {
height: 100%; height: 100%;
overflow-x: hidden; overflow-x: hidden;
background-color: #333;
+desktop() {
font-size: 16px;
background-image: url('/resources/images/background.svg');
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
} }
#multiparty-meeting { #multiparty-meeting {