Makes a clean demo of using tailwind for the company 1099 page.

src/clj/auto_ap/ssr/components/page.clj

@@ -0,0 +1,20 @@
+(ns auto-ap.ssr.components.page
+  (:require [auto-ap.ssr.components.navbar :refer [navbar-]]
+            [auto-ap.ssr.components.aside :refer [left-aside-]]))
+
+(defn page- [{:keys [nav page-specific]} & children]
+  [:div#app 
+   (navbar-)
+   [:div.flex.pt-16.overflow-hidden
+    (left-aside- {:nav nav
+                  :page-specific page-specific})
+    
+    [:div#main-content {:class "relative w-full h-full lg:pl-64 overflow-y-auto px-4 bg-gray-100 dark:bg-gray-900"}
+     (into 
+       [:div.p-4]
+       children)]]
+   [:div#modal-holder.hidden
+    [:div { :tabindex "-1", :class "fixed top-0 left-0 right-0 z-50 w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] max-h-full flex justify-center "}
+     [:div {:class "relative w-full max-w-2xl max-h-full"}  
+      [:div#modal-content ]]]
+    [:div {:class "bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-40"}]]])