summaryrefslogtreecommitdiffstats
path: root/src/styles/main.scss
diff options
context:
space:
mode:
authorHumberto Alfonso Díaz <humberto.alfonso@asvito.es>2019-10-16 23:46:48 +0200
committerLorenzo Tilve <ltilve@igalia.com>2020-02-04 09:42:15 +0100
commitda78790720ccad29e40bbe08aa8924ea8f8f1d2c (patch)
treeaae39a8384446bd67a9ee8756162d2eb5d7d261b /src/styles/main.scss
parent6d32da2617e3545589da4e139484d75a4591bfe7 (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.scss52
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%;
+ }
}
}
}