fix classes

Author: sprocketc

src/renderer/app/views.cljs

@@ -189,13 +189,15 @@
    9 [105 147]
    10 [74 105]})
 
-(defn home [recent-documents]
+(defn home
+  [recent-documents]
   [:div.flex.overflow-hidden
    [ui/scroll-area
     [:div.flex.justify-center.p-2
-     [:div.justify-between.flex.w-full.lg:w-auto
-      [:div.bg-primary.p-6.lg:p-12.flex.w-full.gap-8
-       {:class "max-w-(--breakpoint-xl)"}
+     [:div.justify-between.flex.w-full
+      {:class "lg:w-auto"}
+      [:div.bg-primary.p-6.flex.w-full.gap-8
+       {:class "lg:p-12 max-w-(--breakpoint-xl)"}
        [:div.flex-1
         [:h1.text-4xl.mb-1.font-light config/app-name]
 
@@ -287,7 +289,8 @@
                                     "https://repath.studio/roadmap/changelog/"])}
           "Changelog"]]]
 
-       [:div.hidden.md:block.flex-1
+       [:div.hidden.flex-1
+        {:class "md:block"}
         [:img {:src "./img/icon.svg"}]]]]]]])
 
 (defn root
@@ -303,8 +306,9 @@
       (if (seq @documents)
         [:div.flex.h-full.flex-1.overflow-hidden.gap-px
          (when @tree-visible
-           [:div.flex-col.hidden.md:flex.overflow-hidden
-            {:style {:width "227px"}}
+           [:div.flex-col.hidden.overflow-hidden
+            {:class "md:flex"
+             :style {:width "227px"}}
             [document.v/actions]
             [tree.v/root]])
          [:div.flex.flex-col.flex-1.overflow-hidden.h-full
@@ -314,7 +318,8 @@
             [editor]]
            [:div.flex
             (when @properties-visible
-              [:div.hidden.md:flex
+              [:div.hidden
+               {:class "md:flex"}
                [:div.flex.flex-col.h-full.w-80
                 [ui/scroll-area
                  (tool.hierarchy/right-panel @active-tool)]

src/renderer/attribute/views.cljs

@@ -93,8 +93,9 @@
             :on-blur #(on-change-handler! % k v)
             :on-key-down #(keyb/input-key-down-handler! % v on-change-handler! k v)})]
    (when-not (or (empty? (str v)) disabled)
-     [:button.button.bg-primary.text-muted.absolute.h-full.right-0.clear-input-button.hover:bg-transparent.invisible.p-1
-      {:on-pointer-down #(rf/dispatch [::element.e/remove-attr k])}
+     [:button.button.bg-primary.text-muted.absolute.h-full.right-0.clear-input-button.invisible.p-1
+      {:class "hover:bg-transparent"
+       :on-pointer-down #(rf/dispatch [::element.e/remove-attr k])}
       [ui/icon "times"]])])
 
 (defmethod hierarchy/form-element :default

src/renderer/history/views.cljs

@@ -28,7 +28,8 @@
    [:> Select/Trigger
     {:aria-label label
      :as-child true}
-    [:div.w-4.m-0.bg-transparent.h-full.hover:pt-1.flex.items-center
+    [:div.w-4.m-0.bg-transparent.h-full.flex.items-center
+     {:class "hover:pt-1"}
      [:> Select/Value ""]
      [:> Select/Icon
       [ui/icon "chevron-down"]]]]
@@ -56,8 +57,9 @@
         id (uuid (.-id datum))
         color (if active? "var(--accent)" (.-color datum))]
     (ra/as-element
-     [:circle.transition-fill.hover:stroke-accent
-      {:on-click #(rf/dispatch [::history.e/go-to id])
+     [:circle.transition-fill
+      {:class "hover:stroke-accent"
+       :on-click #(rf/dispatch [::history.e/go-to id])
        :on-pointer-enter #(when-not active? (rf/dispatch [::history.e/preview id]))
        :on-pointer-leave #(rf/dispatch [::history.e/reset-state id])
        :cx "0"

src/renderer/snap/views.cljs

@@ -18,7 +18,8 @@
      [:> DropdownMenu/Trigger
       {:aria-label "Snap"
        :as-child true}
-      [:div.h-full.hover:pb-1.flex.items-center
+      [:div.h-full.flex.items-center
+       {:class "hover:pb-1"}
        [ui/icon "chevron-up"]]]
      [:> DropdownMenu/Portal
       [:> DropdownMenu/Content

src/renderer/toolbar/status.cljs

@@ -20,8 +20,9 @@
 
 (defn coordinates []
   (let [[x y] @(rf/subscribe [::app.s/adjusted-pointer-pos])]
-    [:div.flex-col.font-mono.leading-tight.hidden.xl:flex
-     {:style {:min-width "90px"}}
+    [:div.flex-col.font-mono.leading-tight.hidden
+     {:class "xl:flex"
+      :style {:min-width "90px"}}
      [:div.flex.justify-between
       [:span.mr-1 "X:"] [:span (.toFixed x 2)]]
      [:div.flex.justify-between
@@ -141,7 +142,8 @@
        :title "Zoom in"
        :on-click #(rf/dispatch [::frame.e/zoom-in])}
       [ui/icon "plus"]]
-     [:div.flex.hidden.md:flex
+     [:div.flex.hidden
+      {:class "md:flex"}
       [zoom-input zoom]
       [:div.pr-2.overlay.flex.items-center "%"]]
      [zoom-menu]]))
@@ -181,8 +183,9 @@
                   :bottom "9px"
                   :right "9px"}}]]]]
      [:div.grow
-      [:div.px-1.hidden.2xl:flex.gap-1.flex-wrap.leading-none.truncate
-       {:style {:max-height "var(--button-size)"}}
+      [:div.px-1.hidden.gap-1.flex-wrap.leading-none.truncate
+       {:class "2xl:flex"
+        :style {:max-height "var(--button-size)"}}
        help-message]]
      (when loading
        [:button.icon-button

src/renderer/utils/error.cljs

@@ -34,8 +34,9 @@
 
         [:p "Please consider submitting an error report to improve your experience."]
 
-        [:button.button.px-2.rounded.w-full.mb-5.border.border-default.hover:bg-transparent
-         {:on-click #(rf/dispatch [::window.e/open-remote-url
+        [:button.button.px-2.rounded.w-full.mb-5.border.border-default
+         {:class "hover:bg-transparent"
+          :on-click #(rf/dispatch [::window.e/open-remote-url
                                    (submit-error-url error-message)])}
          "Submit an error report"]
 

src/renderer/window/views.cljs

@@ -48,8 +48,8 @@
      [:div.flex.relative.bg-secondary
       {:class (when (and system/mac? (not fullscreen?)) "ml-16")}
       [menubar/root]]
-     [:div.absolute.hidden.md:flex.justify-center.drag.grow.h-full.items-center.pointer-events-none
-      {:class "left-1/2 -translate-x-1/2"
+     [:div.absolute.hidden.justify-center.drag.grow.h-full.items-center.pointer-events-none
+      {:class "md:flex left-1/2 -translate-x-1/2"
        :style {:z-index -1}}
       @(rf/subscribe [::document.s/title-bar])]
      [:div.flex.h-full.flex-1.drag]