all repos — gomponents @ c99025e6c569827aa5ca8fb3e16545f1b5f821f2

HTML components in pure Go

Remove "fmt" import in readme example (#31) Also style menu in simple example slightly.

Hans Raaf
commit

c99025e6c569827aa5ca8fb3e16545f1b5f821f2

parent

3198b25445ce1dc81158353b3e012e8881014790

2 files changed, 6 insertions(+), 3 deletions(-)

changed files
M README.md → README.md
@@ -27,7 +27,6 @@ ```go
 package main
 
 import (
-	"fmt"
 	"net/http"
 
 	g "github.com/maragudk/gomponents"
M examples/simple/simple.go → examples/simple/simple.go
@@ -36,7 +36,11 @@ el.HTML(
 			g.Attr("lang", "en"),
 			el.Head(
 				el.Title(props.title),
-				el.Style(g.Attr("type", "text/css"), g.Raw(".is-active{font-weight: bold}")),
+				el.Style(g.Attr("type", "text/css"),
+					g.Raw(".is-active{font-weight: bold}"),
+					g.Raw("ul.nav { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }"),
+					g.Raw("ul.nav li { display: block;  padding: 8px; float: left; }"),
+				),
 			),
 			el.Body(
 				navbar(navbarProps{path: props.path}),

@@ -66,5 +70,5 @@ for _, item := range items {
 		lis = append(lis, el.Li(
 			el.A(item.path, attr.Classes(map[string]bool{"is-active": props.path == item.path}), g.Text(item.text))))
 	}
-	return el.Ul(lis...)
+	return el.Ul(append(lis, attr.Class("nav"))...)
 }