diff options
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/landscape.scss | 10 | ||||
| -rw-r--r-- | src/styles/main.scss | 32 |
2 files changed, 18 insertions, 24 deletions
diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss index 7acca5e..765443c 100644 --- a/src/styles/landscape.scss +++ b/src/styles/landscape.scss @@ -14,9 +14,11 @@ } .center { + width: 75%; position: relative; float: left; height: 20%; + margin-left: 150px; margin-top: 40px; .item { @@ -24,16 +26,14 @@ .button { .label { - font-size: 4em; - margin-top: -45%; + font-size: 2.5em; } } } .item.ac { .label { - font-size: 4em; - margin-top: -45%; + font-size: 2.5em; } } } @@ -58,4 +58,4 @@ } } } -}
\ No newline at end of file +} diff --git a/src/styles/main.scss b/src/styles/main.scss index 5d2d950..7ab190f 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -133,48 +133,42 @@ body { padding-top:75%; } - &.ac, &.auto { + &.ac { + position: relative; + .label { font-weight: bold; font-size: 2.5rem; - text-align: center; - margin-top: -50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } } &.seat { img { width: 50%; - margin: 0 25%; + margin: 10% 25%; } - &[value="0"] { - .one, .two { - display: none; - } + &[value="false"] { .off { display: block; } - } - - &[value="1"] { - .off, .two { + .on { display: none; } - .one { - display: block; - } } - &[value="2"] { - .one, .off { + &[value="true"] { + .off { display: none; } - .two { + .on { display: block; } } - } &.circulation { |