fix(mobile): maximum width for modal content container

logseq · Dec 19, 2022 · 38e58b7 · 38e58b7
1 parent ef06aed
commit 38e58b7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/main/frontend/components/command_palette.css b/src/main/frontend/components/command_palette.css
@@ -108,7 +108,8 @@ html.is-ios {
 
   .cp__palette-main {
     margin-bottom: 0;
-    --palettle-container-height: calc(98vh - 8rem - var(--ls-native-kb-height));
+    min-height: var(--palettle-input-height);
+    --palettle-container-height: calc(98vh - 6rem - var(--ls-native-kb-height));
   }
 }
 

diff --git a/src/main/frontend/ui.css b/src/main/frontend/ui.css
@@ -113,7 +113,6 @@
 
       @screen sm {
         overflow-y: overlay;
-        min-width: 720px;
         max-height: 85vh;
         padding: 2rem;
         width: auto;
@@ -232,11 +231,16 @@ html.is-mobile {
       .panel-content {
         padding-bottom: 0;
       }
+
+      .ls-search {
+        padding-bottom: 0;
+      }
     }
   }
 
   .ui__modal-panel .panel-content {
     width: calc(98vw - 2rem);
+    max-width: var(--ls-main-content-max-width);
     padding-top: 24px;
   }
 }