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

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

Browse Source
This commit is contained in:
Bryce Covert
2023-05-10 22:03:21 -07:00
parent 4b5227e8cb
commit 6220ae1f6d
14 changed files with 753 additions and 739 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/clj/auto_ap/ssr/components/breadcrumbs.clj Normal file
View File

@@ -0,0 +1,22 @@
(ns auto-ap.ssr.components.breadcrumbs
(:require [auto-ap.ssr.svg :as svg]))
(defn breadcrumbs- [params & steps]
[:div {:class "inline-flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-white dark:bg-gray-800 dark:border-gray-700"}
[:ul {:class "inline-flex items-center space-x-1 md:space-x-3"}
[:li {:class "inline-flex items-center"}
[:a {:href "#", :class "inline-flex w-4 h-4 mr-2 items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white"}
[:div.w-4.h-4 svg/home]]]
(for [p steps]
[:li
[:div {:class "flex items-center"}
[:div {:class "w-6 h-6 text-gray-400",}
svg/breadcrumb-component]
(update-in p [1 :class] str " ml-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ml-2 dark:text-gray-400 dark:hover:text-white")]])
#_[:li {:aria-current "page"}
[:div {:class "flex items-center"}
[:svg {:aria-hidden "true", :class "w-6 h-6 text-gray-400", :fill "currentColor", :viewbox "0 0 20 20", :xmlns "http://www.w3.org/2000/svg"}
[:path {:fill-rule "evenodd", :d "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", :clip-rule "evenodd"}]]
[:span {:class "ml-1 text-sm font-medium text-gray-500 md:ml-2 dark:text-gray-400"} "Flowbite"]]]]])