๐Ÿ‘ฉโ€๐Ÿš’ Firefighters API written in Gleam!
lustre gleam

:lipstick: change button cursor

kacaii.dev 62236137 5de7f11b

verified
+12 -4
+1 -1
client/src/client.gleam
··· 152 152 _ -> not_found.view() 153 153 } 154 154 155 - html.main([class("mx-auto bg-white w-dvw h-dvh")], [content]) 155 + html.main([class("p-4 mx-auto bg-white w-dvw h-dvh")], [content]) 156 156 }
+8 -2
client/src/client/page/landing.gleam
··· 1 - import lustre/attribute as attr 1 + import lustre/attribute.{class} as attr 2 2 import lustre/element/html 3 + import shared/route 3 4 4 5 pub type Model { 5 6 Model ··· 14 15 } 15 16 16 17 pub fn view(_model: Model) { 17 - html.a([attr.href("/login")], [html.text("/login")]) 18 + let container_style = 19 + class("p-4 h-full text-gray-400 rounded-md border border-gray-400") 20 + 21 + let href = attr.href(route.to_path(route.Login)) 22 + 23 + html.section([container_style], [html.a([href], [html.text("/login")])]) 18 24 }
+3 -1
client/src/client/page/login.gleam
··· 117 117 118 118 Model(email_field: _, password_field: _) -> { 119 119 let on_click = event.on_click(UserClickedLoginButton) 120 - let style = class("p-2 text-white bg-gray-400 rounded-md border") 120 + let style = 121 + class("p-2 text-white bg-gray-400 rounded-md border cursor-pointer") 122 + 121 123 html.button([on_click, style], [html.text("Login")]) 122 124 } 123 125 },