diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-12-11 08:39:27 +0100 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 19:12:47 +0100 |
| commit | 6d8916c58d823b13b89477f59bf05373e87f3a98 (patch) | |
| tree | 97142e38adc872fe58999b7d01f806d66153be3e /src/styles | |
| parent | fb39b8f31f9323f5e56670de2f382f7b19daed08 (diff) | |
RESTRUCT Upadate homescreen layout
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/landscape.scss | 12 | ||||
| -rw-r--r-- | src/styles/main.scss | 39 |
2 files changed, 31 insertions, 20 deletions
diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss index 0a12494..b72c200 100644 --- a/src/styles/landscape.scss +++ b/src/styles/landscape.scss @@ -11,9 +11,15 @@ height: 100%; flex-direction: column; - .button { - border-width: 1px 0 1px 0; - order: 2; + .appsContainer { + flex-direction: column; + .button { + border-width: 1px 0 1px 0; + order: 2; + .label { + display: none; + } + } } .infoContainer { diff --git a/src/styles/main.scss b/src/styles/main.scss index cab20c6..f96dacc 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -25,24 +25,29 @@ body { justify-content: space-between; background-color: map-get($colors, background); - .button { - border-color: map-get($colors, grey); - border-style: solid; + .appsContainer { + display: flex; + justify-content: space-between; flex: 1 1 0px; - text-align: center; - background-color: map-get($colors, button); - - .icon { - width: 100%; - height: $header_size*0.70; - line-height: $header_size*0.70; - font-size: 5em; - } - - .label { - width: 100%; - height: $header_size*0.30; - line-height: $header_size*0.30; + .button { + border-color: map-get($colors, grey); + border-style: solid; + flex: 1 1 0px; + text-align: center; + background-color: map-get($colors, button); + + .icon { + width: 100%; + height: $header_size*0.70; + line-height: $header_size*0.70; + font-size: 5em; + } + + .label { + width: 100%; + height: $header_size*0.30; + line-height: $header_size*0.30; + } } } |