Mobile improvements in Drawer (#623)

StenaIT · Oct 13, 2023 · a10c719 · a10c719
1 parent 7124680
commit a10c719
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/modal/src/components/drawer/Drawer.module.css b/packages/modal/src/components/drawer/Drawer.module.css
@@ -15,6 +15,11 @@
     &.floating {
       margin: var(--swui-metrics-space);
       border-radius: var(--swui-border-radius);
+
+      @media (max-width: 768px) {
+        margin: 0;
+        border-radius: 0;
+      }
     }
 
     &:focus-visible {

diff --git a/packages/panels/src/components/sidebar-menu/SidebarMenu.module.css b/packages/panels/src/components/sidebar-menu/SidebarMenu.module.css
@@ -40,7 +40,7 @@
   /* Styling */
 
   background-color: var(--current-background-color);
-  height: 100vh;
+  height: 100dvh;
 
   button {
     --swui-button-text-color: var(--swui-white);