diff options
| author | Lionel Han <47760119+IGoByJoe@users.noreply.github.com> | 2020-06-09 00:21:50 -0700 |
|---|---|---|
| committer | Lionel Han <47760119+IGoByJoe@users.noreply.github.com> | 2020-06-09 00:21:50 -0700 |
| commit | 520200a2a63a4189d5c6cac2b2ff48f009bb6f72 (patch) | |
| tree | 56d26fb696a85712e3a898284c68cd6157b61ca5 /src/mobile/MobileMenu.scss | |
| parent | 9bc537b1d6601f329555106444eed8d641c313fe (diff) | |
cleaned code
Diffstat (limited to 'src/mobile/MobileMenu.scss')
| -rw-r--r-- | src/mobile/MobileMenu.scss | 22 |
1 files changed, 18 insertions, 4 deletions
diff --git a/src/mobile/MobileMenu.scss b/src/mobile/MobileMenu.scss index 2641cdfd2..669b55601 100644 --- a/src/mobile/MobileMenu.scss +++ b/src/mobile/MobileMenu.scss @@ -22,6 +22,16 @@ body { border-bottom: 5px solid black; } +.navbar .cover { + position: absolute; + right: 20px; + top: 30px; + height: 70px; + width: 70px; + background-color: whitesmoke; + z-index: 200; +} + .navbar .toggle-btn { position: absolute; right: 20px; @@ -31,6 +41,10 @@ body { transition: all 300ms ease-in-out 200ms; } +.navbar .toggle-btn-home { + right: -200px; +} + .navbar .header { position: absolute; top: 50%; @@ -311,7 +325,7 @@ body { .toolbar.active { display: inline-block; - width: fit-content; + width: 300px; padding: 5px; opacity: 1; height: max-content; @@ -320,7 +334,7 @@ body { .toolbar .colorSelector { display: inline-flex; - width: fit-content; + width: max-content; padding: 5px; height: max-content; pointer-events: all; @@ -328,9 +342,9 @@ body { .widthSelector { display: inline-flex; - width: 90%; + width: max-content; height: 100px; - padding: 5px; + padding: 10px; } .slider { |
