diff options
| author | geireann <60007097+geireann@users.noreply.github.com> | 2020-07-05 12:32:20 +0800 |
|---|---|---|
| committer | geireann <60007097+geireann@users.noreply.github.com> | 2020-07-05 12:32:20 +0800 |
| commit | c7dd9ba9e953adfb8c117bee3b95528d8d8c7304 (patch) | |
| tree | 6aebd235aadb8ff4a4a464697ec4eb9fdcbb091a /src/client/views/AntimodeMenu.scss | |
| parent | 2c04b0ae3689d931675151acbec24c88ea00daa1 (diff) | |
| parent | 641ddbeefbbc05f8bf586c542595af672826149b (diff) | |
Merge branch 'master' into presentation_updates
Diffstat (limited to 'src/client/views/AntimodeMenu.scss')
| -rw-r--r-- | src/client/views/AntimodeMenu.scss | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/src/client/views/AntimodeMenu.scss b/src/client/views/AntimodeMenu.scss index e56574bb7..be21cec12 100644 --- a/src/client/views/AntimodeMenu.scss +++ b/src/client/views/AntimodeMenu.scss @@ -42,4 +42,35 @@ background-repeat: no-repeat; background-position: left center; } +} + +@media only screen and (max-device-width: 480px) { + .antimodeMenu-cont { + height: 100px; + width: 100vw; + + &.with-rows { + flex-direction: column-reverse; + } + + .antimodeMenu-row { + display: flex; + height: 100%; + width: 100%; + } + + .antimodeMenu-button { + background-color: transparent; + width: 100px; + height: 100px; + + &.active { + background-color: #121212; + } + } + + .antimodeMenu-button:hover { + background-color: #121212; + } + } }
\ No newline at end of file |
