viljarb/LazyPM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

simplify tailwind classes

Browse Source 
remove node
remove godhipit theme
add all themes form daisyui
simplify header
This commit is contained in:
Robin Olsen
2026-02-17 09:49:11 +01:00
parent 01655cd372
commit 441716238c
8 changed files with 69 additions and 1763 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
pkg/web/components/layout.templ
View File

@@ -6,13 +6,13 @@ templ Layout(props LayoutProps) {
<head>
<meta charset="UTF-8"/>
<title>{ props.Title }</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content={ props.Description }/>
@Head(props.Head)
</head>
<body class="min-h-screen bg-base-200 text-base-content">
<body>
@Header(props.Header)
<main class="p-4 bg-base-100 min-h-[calc(100vh-4rem)]">
<main>
{ children... }
</main>
</body>
@@ -24,7 +24,6 @@ type LayoutProps struct {
Description string
Head HeadProps
Header HeaderProps
Footer FooterProps
}
templ Head(props HeadProps) {
@@ -53,91 +52,26 @@ type Script struct {
}
templ Header(props HeaderProps) {
@Topbar() {
<div class="navbar-start gap-4">
@TopbarBrand(props.BrandName)
@TopbarCreateButton(props.CreateLabel, props.CreateHref)
<header class="navbar bg-primary text-primary-content px-6">
<div class="navbar-start">
<span class="font-semibold mr-5">{ props.Title }</span>
</div>
<div class="navbar-center flex-1 min-w-[32rem] max-w-4xl mx-auto px-2">
@TopbarSearch(props.SearchPlaceholder)
<div class="navbar-center">
if props.NavbarCenter != nil {
@props.NavbarCenter
}
</div>
<div class="navbar-end">
@TopbarIconButton("Notifications") {
@IconBell()
}
@TopbarIconButton("User menu") {
@IconUser()
if props.NavbarEnd != nil {
@props.NavbarEnd
}
</div>
}
}
templ Topbar() {
<header class="navbar sticky top-0 z-10 bg-primary text-primary-content shadow-sm min-h-12 px-6">
{ children... }
</header>
}
templ TopbarLeft() {
<div class="navbar-start">
{ children... }
</div>
}
templ TopbarBrand(brandName string) {
<span class="font-semibold text-base whitespace-nowrap">{ brandName }</span>
}
templ TopbarCreateButton(label string, href string) {
if href != "" {
<a href={ href } class="btn btn-sm bg-base-100 text-primary border-none hover:opacity-90 rounded-btn">{ label }</a>
} else {
<button type="button" class="btn btn-sm bg-base-100 text-primary border-none hover:opacity-90 rounded-btn">{ label }</button>
}
}
templ TopbarCenter() {
<div class="navbar-center">
{ children... }
</div>
}
templ TopbarSearch(placeholder string) {
<input
type="search"
placeholder={ placeholder }
aria-label="Search"
class="input input-md w-full bg-base-100 text-base-content placeholder-opacity-90 border border-base-content/20"
/>
}
templ TopbarRight() {
<div class="navbar-end">
{ children... }
</div>
}
templ TopbarIconButton(ariaLabel string) {
<button type="button" aria-label={ ariaLabel } class="btn btn-ghost btn-sm btn-square text-primary-content hover:bg-primary-content/20">
{ children... }
</button>
}
type HeaderProps struct {
BrandName string
CreateLabel string
CreateHref string
SearchPlaceholder string
Routes []NavRoute
}
type NavRoute struct {
Name string
Path string
}
templ Footer(props FooterProps) {
}
type FooterProps struct {
Title string
NavbarStart templ.Component
NavbarCenter templ.Component
NavbarEnd templ.Component
}