feat: Style updates, renames some files.

This commit is contained in:
2025-02-25 21:44:01 -05:00
parent 493154f4f1
commit 30cfde9f30
14 changed files with 112 additions and 43 deletions

View File

@@ -33,9 +33,7 @@ struct MainPage<Inner: HTML>: SendableHTMLDocument where Inner: Sendable {
main(.class("bg-white dark:bg-gray-800")) {
div(.class("min-h-screen")) {
Header()
// div(.class("container")) {
inner()
// }
}
}
}
@@ -44,15 +42,32 @@ struct MainPage<Inner: HTML>: SendableHTMLDocument where Inner: Sendable {
struct Header: HTML {
var content: some HTML {
header(.class("bg-blue-500")) {
a(.href("/")) {
div(.class("flex flex-row gap-2 p-2 mb-8")) {
img(.src("/favicon-32x32.png"))
h2(.class("text-2xl text-white font-extrabold")) { "HVAC-Toolbox" }
// img(.class("text-yellow-300"), .src("/images/wind.svg"))
header(.class("bg-blue-500 mb-8 flex flex-row gap-2 border-b border-yellow-300")) {
a(
.href(route: .index),
.class("flex flex-row gap-2 bg-yellow-300 pe-2 rounded-e-lg text-blue-500 [&:hover]:text-blue-600")
) {
img(.src("/images/toolbox.svg"), .width(40), .height(40), .class("py-1"))
div(.class("flex flex-row mt-2")) {
h2(.class("text-2xl font-extrabold")) { "HVAC-Toolbox" }
SVG.wind
}
}
nav(.class("flex flex-row gap-2 p-2 mt-2")) {
// TODO: Add class active, to button that is the active route.
ul(.class("flex flex-wrap gap-x-2 lg:gap-x-5 text-yellow-300 font-bold")) {
li {
a(.href(route: .moldRisk(.index)), .class("[&:hover]:border-b border-yellow-300")) {
"Mold-Risk"
}
}
li {
a(.href("#"), .class("[&:hover]:border-b border-yellow-300")) {
"Dehumidifier-Sizing"
}
}
}
}
}
}
}