feat: add cancel button to create space page

This commit is contained in:
juancwu 2026-04-12 15:46:21 +00:00
commit 6f99a51159

View file

@ -4,6 +4,8 @@ import "git.juancwu.dev/juancwu/budgit/internal/ui/layouts"
import "git.juancwu.dev/juancwu/budgit/internal/ctxkeys" import "git.juancwu.dev/juancwu/budgit/internal/ctxkeys"
import "git.juancwu.dev/juancwu/budgit/internal/ui/blocks" import "git.juancwu.dev/juancwu/budgit/internal/ui/blocks"
import "git.juancwu.dev/juancwu/budgit/internal/ui/forms" import "git.juancwu.dev/juancwu/budgit/internal/ui/forms"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/button"
import "git.juancwu.dev/juancwu/budgit/internal/routeurl"
templ CreateSpace() { templ CreateSpace() {
@layouts.Base(layouts.SEOProps{ @layouts.Base(layouts.SEOProps{
@ -16,11 +18,18 @@ templ CreateSpace() {
@blocks.ThemeSwitcher() @blocks.ThemeSwitcher()
</div> </div>
<div class="w-full max-w-2xl md:grid md:grid-cols-2 md:gap-4"> <div class="w-full max-w-2xl md:grid md:grid-cols-2 md:gap-4">
<div class="space-y-2"> <div class="h-full flex flex-col justify-between">
<h1 class="text-2xl"> <div class="space-y-2">
Create Space <h1 class="text-2xl">
</h1> Create Space
<p class="text-sm text-muted-foreground">This is where you or your group can track expenses.</p> </h1>
<p class="text-sm text-muted-foreground">This is where you or your group can track expenses.</p>
</div>
<div>
@button.Button(button.Props{Variant: button.VariantGhost, Href: routeurl.URL("page.app.spaces")}) {
Cancel
}
</div>
</div> </div>
<div class="mt-4 md:mt-0"> <div class="mt-4 md:mt-0">
@forms.CreateSpace("", "") @forms.CreateSpace("", "")