diff options
| author | Melissa Zhang <mzhang19096@gmail.com> | 2020-07-03 17:32:40 -0700 |
|---|---|---|
| committer | Melissa Zhang <mzhang19096@gmail.com> | 2020-07-03 17:56:11 -0700 |
| commit | 58b780563c7fc4a1496f5c676f2d14faddb096e0 (patch) | |
| tree | da4779eb6168ea931378cca2fd91a399494b7b81 /src/client/views/AntimodeMenu.scss | |
| parent | 1934623881cf548e4dbe8e70eb2995ec2f6b8399 (diff) | |
merge with master
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 |
