luciano/htmgo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mobile nav fixes

Browse source
This commit is contained in:
maddalax 2024-09-26 17:00:30 -05:00
parent 80b3a1d1a6
commit 0034625198
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
htmgo-site/pages/index.go
View file

@ -8,9 +8,9 @@ import (
func IndexPage(ctx *h.RequestContext) *h.Page { func IndexPage(ctx *h.RequestContext) *h.Page {
return h.NewPage( return h.NewPage(
base.RootPage(h.Div( base.RootPage(h.Div(
h.Class("flex items-center justify-center"), h.Class("flex items-center justify-center "),
h.Div( h.Div(
h.Class("w-full px-4 flex flex-col prose max-w-[95vw] md:max-w-3xl mt-6"), h.Class("w-full px-4 flex flex-col prose md:max-w-3xl mt-6 mx-auto"),
h.Div( h.Div(
h.Class("flex flex-col mb-6 md:mb-0 md:flex-row justify-between items-center"), h.Class("flex flex-col mb-6 md:mb-0 md:flex-row justify-between items-center"),
h.Div( h.Div(
@ -22,6 +22,7 @@ func IndexPage(ctx *h.RequestContext) *h.Page {
), ),
), ),
h.Div( h.Div(
h.Class("mt-2"),
h.A( h.A(
h.Href("/docs"), h.Href("/docs"),
h.Class("not-prose p-3 bg-slate-900 text-white rounded-md"), h.Class("not-prose p-3 bg-slate-900 text-white rounded-md"),

10
htmgo-site/partials/navbar.go
View file

@ -22,7 +22,9 @@ var navItems = []NavItem{
} }
func Star() *h.Element { func Star() *h.Element {
return h.Div( return h.Div(
h.Script("https://buttons.github.io/buttons.js"),
h.Id("github-star"), h.Id("github-star"),
h.Class("min-w-[100px]"), h.Class("min-w-[100px]"),
h.Raw(` h.Raw(`
@ -46,7 +48,6 @@ func NavBar(expanded bool) *h.Element {
) )
desktopNav := h.Nav( desktopNav := h.Nav(
h.Script("https://buttons.github.io/buttons.js"),
h.Class("hidden sm:block bg-neutral-100 border border-b-slate-300 p-4 md:p-3"), h.Class("hidden sm:block bg-neutral-100 border border-b-slate-300 p-4 md:p-3"),
h.Div( h.Div(
h.Class("max-w-[95%] md:max-w-3xl px-4 mx-auto"), h.Class("max-w-[95%] md:max-w-3xl px-4 mx-auto"),
@ -105,7 +106,8 @@ func MobileNav(expanded bool) *h.Element {
h.Text("htmgo"), h.Text("htmgo"),
)), )),
h.Div( h.Div(
h.Class("flex items-center"), h.Class("flex items-center gap-3"),
h.Div(h.Class("mt-1"), Star()),
h.Button( h.Button(
h.Boost(), h.Boost(),
@ -121,14 +123,13 @@ func MobileNav(expanded bool) *h.Element {
), ),
h.Class("text-2xl"), h.Class("text-2xl"),
h.Text("☰"), h.Text("☰"),
), ),
), ),
), ),
), ),
h.If(expanded, h.Div( h.If(expanded, h.Div(
h.Class("mt-2 ml-2 flex flex-col gap-2"), h.Class("mt-2 ml-2 flex flex-col gap-2"),
h.Script("https://buttons.github.io/buttons.js"),
h.List(navItems, func(item NavItem, index int) *h.Element { h.List(navItems, func(item NavItem, index int) *h.Element {
return h.Div( return h.Div(
h.Class("flex items-center"), h.Class("flex items-center"),
@ -140,7 +141,6 @@ func MobileNav(expanded bool) *h.Element {
), ),
) )
}), }),
h.Div(Star()),
)), )),
) )
} }