every ssr page is tailwindified.

src/clj/auto_ap/ssr/components/aside.clj

@@ -33,7 +33,8 @@
       (update-in c [1 1 :class ] str  " flex items-center p-2 pl-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700")])])
 
 (defn left-aside- [{:keys [nav page-specific]} & children]
-  [:aside {:id         "left-nav", :class "fixed top-0 left-0 pt-16 z-20 w-64 h-screen transition-transform -translate-x-full lg:translate-x-0", :aria-labelledby "left-nav" :aria-hidden "true"}
+  [:aside {:id         "left-nav", :class "fixed top-0 left-0 pt-16 z-20 w-64 h-screen transition-transform -translate-x-full lg:translate-x-0", :aria-labelledby "left-nav" :aria-hidden "true"
+           "_" (hiccup/raw "init call initSidebarToggle()")}
 
    [:div {:class "overflow-y-auto py-5 px-3 h-full bg-gray-50 border-r border-gray-200 dark:bg-gray-800 dark:border-gray-700"}
     nav
@@ -125,6 +126,7 @@
             [:use {:width "30", :height "20", :transform "matrix(16 -19.968 19.968 16 256 230.4)", :xlink:href "#a"}]] "中文 (繁體)"]]]]]]
    [:script {:lang "text/javascript"}
     (hiccup/raw "
+      function initSidebarToggle() {
         var $targetEl = document.getElementById('left-nav');
 
         var $triggerEl = document.getElementById('left-nav-toggle');
@@ -140,8 +142,8 @@
           }
         };
 
-        // var collapse = new Collapse($targetEl, $triggerEl, options);
-
+        var collapse = new Collapse($targetEl, $triggerEl, options);
+    }
 ")]])
 
 (defn main-aside-nav- []

src/clj/auto_ap/ssr/components/data_grid.clj

@@ -85,7 +85,7 @@
                  rows)]
 
     (when (or paginate?
-              (not (nil? paginate?)))
+              (nil? paginate?))
       (paginator- {:start    start
                    :end      (Math/min (+ start per-page) total)
                    :per-page per-page