From a7965136d75c97bb6e2696c46a7d4a27dc33996c Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Wed, 7 Jul 2021 12:46:08 +0530
Subject: create basic menu for adding transport info

---
 src/styles/global.scss | 38 ++++++++++++++++++++++++--------------
 1 file changed, 24 insertions(+), 14 deletions(-)

(limited to 'src/styles/global.scss')

diff --git a/src/styles/global.scss b/src/styles/global.scss
index fde6aed..1987e9f 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -31,6 +31,24 @@ body {
   font-family: $defFont;
 }
 
+@mixin defFloatingMenu {
+  position: absolute;
+
+  height: 32rem;
+  box-sizing: border-box;
+
+  top: 0; bottom: 0;
+  left: 0; right: 0;
+  margin: auto;
+  z-index: 2;
+
+  background-color: $background3;
+  box-shadow: $floatingShadow;
+  border: 1px solid $border2;
+
+  padding: 1.5rem;
+}
+
 .root-content {
   width: 95%;
   margin: auto;
@@ -60,23 +78,15 @@ body {
 }
 
 .floatingMenu {
-  position: absolute;
-
+  @include defFloatingMenu();
   width: 95%;
   max-width: 1920px;
-  height: 32rem;
-  box-sizing: border-box;
-
-  top: 0; bottom: 0;
-  left: 0; right: 0;
-  margin: auto;
-  z-index: 2;
-
-  background-color: $background3;
-  box-shadow: $floatingShadow;
-  border: 1px solid $border2;
+}
 
-  padding: 1.5rem;
+.smallFloatingMenu {
+  @include defFloatingMenu();
+  width: 50%;
+  max-width: 960px;
 }
 
 
-- 
cgit v1.2.3