Rename ui to components

src/components/layout.lisp

@@ -1,4 +1,4 @@
-(defpackage #:hp/ui/layout
+(defpackage #:hp/components/layout
   (:use #:cl
         #:hsx)
   (:import-from #:hp/lib/metadata
@@ -6,7 +6,7 @@
   (:import-from #:jingle
                 #:request-uri)
   (:export #:~layout))
-(in-package #:hp/ui/layout)
+(in-package #:hp/components/layout)
 
 (defun bust-cache (url)
   (format nil "~a?v=~a" url #.(get-universal-time)))
@@ -41,10 +41,7 @@
        :hx-ext "head-support, response-targets, preload"
        :hx-boost "true" :hx-target-404 "body" :hx-target-5* "body"
        :class (<> 
-                "h-[100svh] flex flex-col bg-[url(/img/bg.webp)] bg-cover bg-center "
+                "bg-amber-50/90 flex flex-col h-[100svh] w-full max-w-[700px] "
-                "p-2 md:p-8")
-       (div :class (<> 
-                     "bg-amber-50/90 flex flex-col flex-1 w-full max-w-[700px] overflow-hidden  shadow-sm "
                 "px-2 pt-2 mx-auto md:px-8 md:pt-8")
        (header :class "flex justify-between pb-2 md:pb-4 border-b-1"            
          (h1 :class "text-2xl md:text-3xl font-bold"
@@ -63,4 +60,4 @@
                       (hsx (li (a :href href :class "underline hover:text-pink-500"
                                  label))))))))
        (main :class "flex-1 pt-2 pb-4 md:pt-4 md:pb-8 overflow-y-scroll "
-           children))))))
+         children)))))

src/renderer.lisp

@@ -9,7 +9,7 @@
   (:import-from #:hp/lib/env
                 #:hp-url
                 #:hp-env)
-  (:import-from #:hp/ui/layout
+  (:import-from #:hp/components/layout
                 #:~layout))
 (in-package #:hp/renderer)
 

tailwind.config.js

@@ -3,7 +3,7 @@ module.exports = {
   content: [
     "./src/renderer.lisp",
     "./src/routes/**/*.lisp",
-    "./src/ui/**/*.lisp",
+    "./src/components/**/*.lisp",
   ],
   theme: {
     container: {