example fixes + pico

sliemeobn · Jun 26, 2024 · 0504916 · 0504916
1 parent 87913a8
commit 0504916
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/Examples/HummingbirdDemo/Sources/App/Public/pico.min.css b/Examples/HummingbirdDemo/Sources/App/Public/pico.min.css
diff --git a/Examples/HummingbirdDemo/Sources/App/Views.swift b/Examples/HummingbirdDemo/Sources/App/Views.swift
@@ -9,16 +9,21 @@ struct MainPage: HTMLDocument {
     var head: some HTML {
         meta(.charset(.utf8))
         script(.src("/htmx.min.js")) {}
+        link(.href("/pico.min.css"), .rel(.stylesheet))
     }
 
     var body: some HTML {
-        h1 { "Hummingbird + Elementary + HTMX Demo" }
-        main {
+        header(.class("container")) {
+            h2 { "Hummingbird + Elementary + HTMX Demo" }
+        }
+        main(.class("container")) {
             div {
                 // example of using hx-target and hx-swap
                 form(.hx.post("/items"), .hx.target("#list"), .hx.swap(.outerHTML)) {
-                    input(.type(.text), .name("item"), .value("New Item"))
-                    input(.type(.submit), .value("Add Item"))
+                    div(.class("grid")) {
+                        input(.type(.text), .name("item"), .value("New Item"), .required)
+                        input(.type(.submit), .value("Add Item"))
+                    }
                 }
             }
             ItemList(items: model.items)
@@ -37,7 +42,7 @@ struct ItemList: HTML {
             for (index, item) in items.enumerated() {
                 div {
                     // this hx-delete will use OOB swap
-                    button(.hx.delete("items/\(index)")) { "❌" }
+                    button(.hx.delete("items/\(index)")) { "X" }
                     " "
                     item
                 }

diff --git a/Package.swift b/Package.swift
@@ -23,7 +23,7 @@ let package = Package(
         ),
     ],
     dependencies: [
-        .package(url: "https://github.com/sliemeobn/elementary.git", .upToNextMajor(from: "0.1.0-beta.5")),
+        .package(url: "https://github.com/sliemeobn/elementary.git", .upToNextMajor(from: "0.1.0-beta.7")),
     ],
     targets: [
         .target(