Browse Source

fix(ui): the code editor breaks the page container

charlie 1 year ago
parent
commit
21d03bb08e

+ 1 - 1
src/main/frontend/components/block.cljs

@@ -3763,7 +3763,7 @@
 
           :else
           (let [language (if (contains? #{"edn" "clj" "cljc" "cljs" "clojurescript"} language) "clojure" language)]
-            [:div.ui-fenced-code-editor.flex.flex-1
+            [:div.ui-fenced-code-editor.flex.w-full
              {:ref (fn [el]
                      (set-inside-portal? (and el (whiteboard-handler/inside-portal? el))))
               :on-mouse-over #(dom/add-class! (rum/deref *actions-ref) "opacity-100")

+ 1 - 1
src/main/frontend/components/block.css

@@ -1018,7 +1018,7 @@ html.is-mac {
 }
 
 .ls-code-editor-wrap {
-  @apply relative w-full;
+  @apply relative w-full overflow-hidden rounded;
 
   .extensions__code-lang {
     @apply hidden;

+ 1 - 1
src/main/frontend/components/page.cljs

@@ -605,7 +605,7 @@
 
            (if (and whiteboard-page? (not sidebar?))
              [:div ((state/get-component :whiteboard/tldraw-preview) (:block/uuid page))] ;; FIXME: this is not reactive
-             [:div.relative.grid.gap-2.page-inner
+             [:div.relative.page-inner
               (when (or (and db-based? (not block?))
                         (and (not db-based?) (not sidebar?) (not block?)))
                 [:div.flex.flex-row.space-between