summaryrefslogtreecommitdiffstats
path: root/src/styles
diff options
context:
space:
mode:
authorHumberto Alfonso Díaz <humberto.alfonso@asvito.es>2019-12-11 08:39:27 +0100
committerLorenzo Tilve <ltilve@igalia.com>2020-02-04 19:12:47 +0100
commit6d8916c58d823b13b89477f59bf05373e87f3a98 (patch)
tree97142e38adc872fe58999b7d01f806d66153be3e /src/styles
parentfb39b8f31f9323f5e56670de2f382f7b19daed08 (diff)
RESTRUCT Upadate homescreen layout
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/landscape.scss12
-rw-r--r--src/styles/main.scss39
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;
+ }
}
}