[hugo/ux] use tailwind css

This commit is contained in:
SouthFox 2023-08-30 17:28:05 +08:00
parent bbceb050c8
commit ada8acf75e

View file

@ -12,11 +12,17 @@
(hiccup/html {:escape-strings? false} (hiccup/html {:escape-strings? false}
[:html [:html
[:head [:head
[:meta {:name "referrer" :content "no-referrer"}]] [:meta {:name "referrer" :content "no-referrer"}]
[:body {:style "margin: auto;max-width: 65%;"} [:link {:rel "stylesheet" :href "/css/app.css"}]]
[:div [:body
[:h1 (:title content)] [:div {:class "container p-2 mx-auto"}
[:time (:time content)] [:div {:class "flex flex-row flex-wrap py-4"}
[:hr]] [:div {:class "w-full sm:w-1/3 md:w-1/4 px-2"}
[:div [:div {:class "sticky top-0 p-4 bg-slate-300 rounded-xl w-full"}
(:content content)]]]))})) [:nav]]]
[:div {:class "w-full sm:w-2/3 md:w-3/4 pt-1 px-2"}
[:h1 (:title content)]
[:time (:time content)]
[:hr]
[:div
(:content content)]]]]]]))}))