aboutsummaryrefslogtreecommitdiff
path: root/src/mobile/MobileMenu.scss
diff options
context:
space:
mode:
authorLionel Han <47760119+IGoByJoe@users.noreply.github.com>2020-06-09 00:21:50 -0700
committerLionel Han <47760119+IGoByJoe@users.noreply.github.com>2020-06-09 00:21:50 -0700
commit520200a2a63a4189d5c6cac2b2ff48f009bb6f72 (patch)
tree56d26fb696a85712e3a898284c68cd6157b61ca5 /src/mobile/MobileMenu.scss
parent9bc537b1d6601f329555106444eed8d641c313fe (diff)
cleaned code
Diffstat (limited to 'src/mobile/MobileMenu.scss')
-rw-r--r--src/mobile/MobileMenu.scss22
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 {