WIP: Adds initial sidebar, needs more styling.

This commit is contained in:
2025-12-30 20:22:53 -05:00
parent 3e5c584d57
commit 231f1b8de6

View File

@@ -6,7 +6,7 @@ struct Sidebar: HTML {
div( div(
.class( .class(
""" """
h-screen w-64 border-r-3 bg-gray-100 shadow space-y-4 h-screen w-64 pt-10 border-r-3 border-gray-800 bg-gray-100 shadow
""") """)
) { ) {
row(title: "Project", icon: "map-pin") row(title: "Project", icon: "map-pin")
@@ -17,20 +17,20 @@ struct Sidebar: HTML {
} }
} }
func row( private func row(
title: String, title: String,
icon: String icon: String
) -> some HTML { ) -> some HTML {
button( button(
.class( .class(
""" """
flex w-full jusitfy-between items-center text-gray-800 hover:bg-gray-300 flex w-full items-center gap-4 text-gray-800 hover:bg-gray-300 pl-4 py-2
""" """
) )
) { ) {
i(.data("lucide", value: icon)) {} i(.data("lucide", value: icon)) {}
p( p(
.class("text-2xl flex-1") .class("text-xl font-bold")
) { ) {
title title
} }