WIP: Adds initial sidebar, needs more styling.
This commit is contained in:
@@ -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
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user