fix: set min width for modal

logseq · Dec 29, 2022 · 74bc7c6 · 74bc7c6
1 parent 1cee6f4
commit 74bc7c6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/main/frontend/components/commit.cljs b/src/main/frontend/components/commit.cljs
@@ -29,7 +29,7 @@
                       :on-enter (fn []
                                   (commit-and-push!)))))
   [state _close-fn]
-  [:div.w-full.mx-auto.sm:max-w-lg.sm:w-96 {:style {:padding "48px 0"}}
+  [:div.w-full.mx-auto {:style {:padding "48px 0"}}
    [:div.sm:flex.sm:items-start
     [:div.mt-3.text-center.sm:mt-0.sm:text-left.mb-2
      [:h3#modal-headline.text-lg.leading-6.font-medium

diff --git a/src/main/frontend/ui.css b/src/main/frontend/ui.css
@@ -116,6 +116,7 @@
         max-height: 85vh;
         padding: 2rem;
         width: auto;
+        min-width: 600px;
 
         .ls-card,
         .ls-search {
@@ -130,6 +131,10 @@
           width: var(--ls-main-content-max-width);
         }
       }
+
+      @screen md {
+          min-width: 720px;
+      }
     }
   }