+1 -1

client/src/client.gleam

··· 131 131 _ -> not_found.view() 132 132 } 133 133 134 134 - html.main([class("p-4 mx-auto bg-white w-dvw h-dvh")], [content]) 134 134 + html.main([class("p-4 mx-auto bg-white")], [content]) 135 135 } 136 136 137 137 // message handlers

+1 -1

client/src/client/page/login.gleam

··· 104 104 105 105 fn login_button() -> element.Element(Msg) { 106 106 let on_click = event.on_click(UserClickedLoginButton) 107 107 - let style = class("px-2 text-white bg-gray-400 rounded-md") 107 107 + let style = class("p-1 text-white bg-gray-400 rounded-md") 108 108 html.button([style, on_click], [html.text("Login")]) 109 109 } 110 110

+2 -2

server/src/server/router/root.gleam

··· 1 1 - import lustre/attribute as attr 1 1 + import lustre/attribute.{class} as attr 2 2 import lustre/element 3 3 import lustre/element/html 4 4 import server/context.{type Context} ··· 19 19 html.link([attr.rel("stylesheet"), attr.href("/static/style.css")]), 20 20 ]) 21 21 22 22 - let html_body = html.body([attr.id("app")], []) 22 22 + let html_body = html.body([attr.id("app"), class("w-full min-h-full")], []) 23 23 24 24 html.html([], [html_head, html_body]) 25 25 |> element.to_document_string()

+1 -1

tailwind.config.js

··· 1 1 - export const content = ["./client/src/**/*.gleam"]; 1 1 + export const content = ["./client/src/**/*.gleam","./server/src/**/*.gleam"]; 2 2 export const theme = { extend: {} }; 3 3 export const plugins = [];