ui make-up

open-template-hub · Sep 1, 2021 · 0c2fa46 · 0c2fa46
1 parent 2be5f5e
commit 0c2fa46
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/app/component/common/dropdown-menu/dropdown-menu.component.scss b/src/app/component/common/dropdown-menu/dropdown-menu.component.scss
@@ -20,7 +20,7 @@
 .dropdown-item {
   display: flex;
   width: 300px;
-  padding: 15px;
+  padding: 25px 15px;
   cursor: pointer;
 }
 
@@ -48,6 +48,7 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  overflow-x: hidden;
 }
 
 .section-column .section-header h4 {
@@ -62,8 +63,8 @@
 }
 
 .section-header hr {
-  width: 100%;
-  margin: 0;
+  width: 100vw;
+  margin: 10px 0 0 0;
   border-style: dashed;
   border-color: var(--brand-color);
 }
@@ -72,7 +73,8 @@
   .dropdown-content {
     display: block;
     position: fixed;
-    bottom: 40px;
+    bottom: calc(55px + env(safe-area-inset-bottom));
+
     overflow-y: scroll;
     height: 70%;