diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-10-16 23:46:48 +0200 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 09:42:15 +0100 |
| commit | da78790720ccad29e40bbe08aa8924ea8f8f1d2c (patch) | |
| tree | aae39a8384446bd67a9ee8756162d2eb5d7d261b /src/styles/main.scss | |
| parent | 6d32da2617e3545589da4e139484d75a4591bfe7 (diff) | |
FUNCT Add support for landscape and portrait using 1080 and 720
Diffstat (limited to 'src/styles/main.scss')
| -rw-r--r-- | src/styles/main.scss | 52 |
1 files changed, 30 insertions, 22 deletions
diff --git a/src/styles/main.scss b/src/styles/main.scss index 01373eb..8f388c9 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -90,38 +90,46 @@ body { } .content { + height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-around; - height: 100%; + flex-wrap: nowrap; .header { text-align: center; margin: 0; } - .entry { - height: 120px; - - .label { - margin: 10px 0; - } - - .button { - width: 10%; - position: relative; - float: left; - text-align: center; - height: 80px; - line-height: 80px; - } - - .slider { - width: 78%; - position: relative; - float: left; - margin: 0 1%; + .sliderContainer { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + + .entry { + height: 120px; + + .label { + margin: 10px 0; + } + + .button { + width: 10%; + position: relative; + float: left; + text-align: center; + height: 80px; + line-height: 80px; + } + + .slider { + width: 78%; + position: relative; + float: left; + margin: 0 1%; + } } } } |