notid/integreat
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Functional mobile invoice experience

Browse Source
This commit is contained in:
Bryce
2024-03-23 21:16:06 -07:00
parent a34c78bd96
commit 6bd475e86d
4 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/clj/auto_ap/ssr/components/aside.clj
View File

@@ -52,26 +52,32 @@
(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",
:class "fixed top-0 left-0 pt-16 z-20 w-64 h-screen transition-transform",
"x-transition:enter" "transition duration-500"
"x-transition:enter-start" "lg:-translate-x-full"
"x-transition:enter-end" " lg:translate-x-0"
"x-transition:enter-start" "-translate-x-full"
"x-transition:enter-end" " translate-x-0"
"x-transition:leave" "transition duration-500"
"x-transition:leave-start" "lg:translate-x-0"
"x-transition:leave-end" " lg:-translate-x-full"
"x-transition:leave-start" "translate-x-0"
"x-transition:leave-end" " -translate-x-full"
:aria-labelledby "left-nav"
:x-show "leftNavShow"
":aria-hidden" "leftNavShow ? 'false' : 'true'"}
[:template {:x-teleport "body"}
[:div.fixed.inset-0.lg:hidden {:x-show "leftNavShow" :x-transition:enter "transition duration-500" :x-transition:enter-start "opacity-0" :x-transition:enter-end "opacity-100"
:x-transition:leave "transition duration-500" :x-transition:leave-start "opacity-100" :x-transition:leave-end "opacity-0"
"@click.capture.prevent" "leftNavShow=false"}
[:div.fixed.inset-0.bg-gray-800.z-10.opacity-70 ]]]
[: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
(when page-specific
[:div {:class " pt-5 mt-5 space-y-2 border-t border-gray-200 dark:border-gray-700"}
page-specific]
)]])
page-specific])]])
(defn main-aside-nav- [request]
[:ul {:class "space-y-1"