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

make the sidebar fixed

Browse source
This commit is contained in:
maddalax 2024-09-27 22:45:42 -05:00
parent fa61cdc6e5
commit b70796ad28
2 changed files with 34 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
htmgo-site/pages/docs.go
View file

@ -15,26 +15,40 @@ func DocsPage(ctx *h.RequestContext) *h.Page {
return h.NewPage(base.RootPage(
ctx,
h.Div(
h.Class("flex flex-col md:flex-row gap-4 justify-center mb-12"),
partials.DocSidebar(pages),
h.Div(
h.Class("flex flex-col justify-center items-center md:mt-6"),
h.List(pages, func(page *dirwalk.Page, index int) *h.Element {
anchor := partials.CreateAnchor(page.Parts)
return h.Div(
h.Class("border-b border-b-slate-300 w-full pb-8 mb-8 p-4 md:px-0 -mb-2"),
MarkdownContent(ctx, page.FilePath, anchor),
h.Div(
h.Class("ml-4 pl-1 mt-2 bg-rose-200"),
h.If(anchor == "core-concepts-partials",
h.GetPartial(partials.CurrentTimePartial, "load, every 1s"),
),
),
)
}),
h.Class("flex flex-col md:flex-row gap-6 justify-center"),
h.Aside(
h.Class("md:h-screen md:sticky md:top-0 md:w-42"), // Applied sticky positioning here
partials.DocSidebar(pages),
),
h.Div(
h.Class("min-h-12"),
h.Main(
h.Class("md:flex gap-4 justify-center mb-6"),
h.Div(
h.Class("flex flex-col"),
h.Div(
h.Class("flex flex-col justify-center items-center md:mt-6 "),
h.List(pages, func(page *dirwalk.Page, index int) *h.Element {
anchor := partials.CreateAnchor(page.Parts)
return h.Div(
h.Class("border-b border-b-slate-300 w-full pb-8 p-4 md:px-0 -mb-2"),
MarkdownContent(ctx, page.FilePath, anchor),
h.Div(
h.Class("ml-4 pl-1 mt-2 bg-rose-200"),
h.If(anchor == "core-concepts-partials",
h.GetPartial(partials.CurrentTimePartial, "load, every 1s"),
),
),
)
}),
),
h.Div(
h.Class("flex justify-center items-center mt-6"),
h.A(
h.Text("Back to Top"),
h.Class("py-2 px-3 bg-slate-800 rounded text-white"),
h.Href("#"),
),
),
),
),
),
))

2
htmgo-site/partials/sidebar.go
View file

@ -72,7 +72,7 @@ func DocSidebar(pages []*dirwalk.Page) *h.Element {
return h.A(
h.Href("#"+anchor),
h.Text(partsToName(page.Parts)),
h.ClassX("text-slate-900", map[string]bool{}),
h.Class("text-slate-900 hover:text-rose-400"),
)
}),
),