cupcakearmy/dvb
1
0
Fork 0
mirror of https://github.com/cupcakearmy/dvb.git synced 2024-11-05 09:14:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Css changes

Browse Source
This commit is contained in:
nicco 2017-12-25 13:24:13 +01:00
parent 09134b9005
commit e0a05ffd13
4 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/res/css/layout.css
View File

@ -9,14 +9,19 @@
color: var(--clr-dark); color: var(--clr-dark);
} }
.container .top { .container>div {
overflow: hidden;
}
.container>.top {
grid-area: top; grid-area: top;
} }
.container .side { .container>.side {
grid-area: side; grid-area: side;
} }
.container .body { .container>.body {
grid-area: body; grid-area: body;
box-shadow: 2em -2em 8em -5em rgba(0, 0, 0, 1);
} }

1
app/res/css/main.css
View File

@ -11,6 +11,7 @@
--font-md: 1em; --font-md: 1em;
--font-sm: .8em; --font-sm: .8em;
--font-xs: .6em; --font-xs: .6em;
--mrg-text: .15em;
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 0; padding: 0;

20
app/res/css/screen.css
View File

@ -1,7 +1,6 @@
/* SCREEN */ /* SCREEN */
#screen { #screen {
box-shadow: 1em -1em 8em -4em rgba(0, 0, 0, 1);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
@ -12,13 +11,10 @@
flex: 1; flex: 1;
padding: .5em; padding: .5em;
overflow: hidden; overflow: hidden;
height: 100%;
width: 100%;
text-align: center; text-align: center;
background: hsla(0, 0, 0, 0.5);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: nowrap;
} }
@ -33,7 +29,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
padding: .15em 0em; padding: var(--mrg-text) 0em;
} }
#screen .head .title>span { #screen .head .title>span {
@ -49,11 +45,9 @@
/* BODY */ /* BODY */
#screen .body { #screen .body {
flex: 1 0 auto; flex: 1 0;
display: flex; overflow-x: hidden;
flex-direction: column; overflow-y: auto;
flex-wrap: wrap;
justify-content: space-between;
} }
#screen .body .departure { #screen .body .departure {
@ -66,9 +60,9 @@
#screen .body .title { #screen .body .title {
font-size: var(--font-xl); font-size: var(--font-xl);
padding: .15em 0em; padding: var(--mrg-text) 0em;
overflow: hidden; overflow: hidden;
margin: .5em 0; margin: .5em 0 0.25em 0;
} }
#screen .body .title>span { #screen .body .title>span {

2
app/res/css/top.css
View File

@ -11,7 +11,7 @@
#time { #time {
grid-column: 1 / span 1; grid-column: 1 / span 1;
grid-row: 1; grid-row: 1 / span 2;
font-size: var(--font-xxxl); font-size: var(--font-xxxl);
text-align: center; text-align: center;
} }