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

fix example page on mobile

Browse source
This commit is contained in:
maddalax 2024-09-29 12:40:39 -05:00
parent 46ce943e10
commit 3fbbeec573
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
htmgo-site/pages/examples.go
View file

@ -27,7 +27,7 @@ var examples = []Example{
Image: "public/htmgo-site.jpg", Image: "public/htmgo-site.jpg",
}, },
{ {
Title: "form with loading state", Title: "Form With Loading State",
Github: "https://github.com/maddalax/htmgo/blob/master/htmgo-site/pages/form.go", Github: "https://github.com/maddalax/htmgo/blob/master/htmgo-site/pages/form.go",
Demo: "/form", Demo: "/form",
Description: "A simple form submission example with a loading state", Description: "A simple form submission example with a loading state",
@ -67,10 +67,10 @@ func ExamplesPage(ctx *h.RequestContext) *h.Page {
func ExampleCards() *h.Element { func ExampleCards() *h.Element {
return h.Div( return h.Div(
h.Class("prose-h2:my-1 prose-img:my-1 flex gap-2"), // Left-aligns and allows multiple cards in a row h.Class("prose-h2:my-1 prose-img:my-1 flex flex-col md:flex-row gap-6 md:gap-2 text-center pb-8"), // Left-aligns and allows multiple cards in a row
h.List(examples, func(example Example, index int) *h.Element { h.List(examples, func(example Example, index int) *h.Element {
return h.Div( return h.Div(
h.Class("border border-gray-200 shadow-sm rounded-md px-4 pb-4 w-full md:w-1/2"), // Reduces padding h.Class("border border-gray-200 shadow-sm rounded-md px-4 pb-4 w-full md:w-1/2 bg-neutral-100"), // Reduces padding
h.Div( h.Div(
h.Class("flex flex-col gap-1 mt-4"), h.Class("flex flex-col gap-1 mt-4"),
h.H2( h.H2(