From a234b2c2102d3f89e127ba3b004be1ccd8f5cfb0 Mon Sep 17 00:00:00 2001 From: vaporvee Date: Sat, 23 Aug 2025 15:47:13 +0200 Subject: [PATCH] added components for contact page and fixed mobile navbar submenu --- template/apps/client/package.json | 7 +- .../client/src/lib/components/navbar.svelte | 101 +++++++-------- .../components/ui/checkbox/checkbox.svelte | 36 ++++++ .../src/lib/components/ui/checkbox/index.ts | 6 + .../lib/components/ui/form/form-button.svelte | 7 ++ .../ui/form/form-description.svelte | 17 +++ .../ui/form/form-element-field.svelte | 24 ++++ .../ui/form/form-field-errors.svelte | 30 +++++ .../lib/components/ui/form/form-field.svelte | 29 +++++ .../components/ui/form/form-fieldset.svelte | 15 +++ .../lib/components/ui/form/form-label.svelte | 24 ++++ .../lib/components/ui/form/form-legend.svelte | 16 +++ .../src/lib/components/ui/form/index.ts | 33 +++++ .../src/lib/components/ui/input/index.ts | 7 ++ .../src/lib/components/ui/input/input.svelte | 51 ++++++++ .../src/lib/components/ui/label/index.ts | 7 ++ .../src/lib/components/ui/label/label.svelte | 20 +++ .../src/lib/components/ui/skeleton/index.ts | 7 ++ .../components/ui/skeleton/skeleton.svelte | 17 +++ .../src/lib/components/ui/sonner/index.ts | 1 + .../lib/components/ui/sonner/sonner.svelte | 13 ++ .../src/lib/components/ui/textarea/index.ts | 7 ++ .../components/ui/textarea/textarea.svelte | 22 ++++ .../client/src/routes/contact/+page.svelte | 0 template/bun.lock | 117 +++++++++++++++++- 25 files changed, 561 insertions(+), 53 deletions(-) create mode 100644 template/apps/client/src/lib/components/ui/checkbox/checkbox.svelte create mode 100644 template/apps/client/src/lib/components/ui/checkbox/index.ts create mode 100644 template/apps/client/src/lib/components/ui/form/form-button.svelte create mode 100644 template/apps/client/src/lib/components/ui/form/form-description.svelte create mode 100644 template/apps/client/src/lib/components/ui/form/form-element-field.svelte create mode 100644 template/apps/client/src/lib/components/ui/form/form-field-errors.svelte create mode 100644 template/apps/client/src/lib/components/ui/form/form-field.svelte create mode 100644 template/apps/client/src/lib/components/ui/form/form-fieldset.svelte create mode 100644 template/apps/client/src/lib/components/ui/form/form-label.svelte create mode 100644 template/apps/client/src/lib/components/ui/form/form-legend.svelte create mode 100644 template/apps/client/src/lib/components/ui/form/index.ts create mode 100644 template/apps/client/src/lib/components/ui/input/index.ts create mode 100644 template/apps/client/src/lib/components/ui/input/input.svelte create mode 100644 template/apps/client/src/lib/components/ui/label/index.ts create mode 100644 template/apps/client/src/lib/components/ui/label/label.svelte create mode 100644 template/apps/client/src/lib/components/ui/skeleton/index.ts create mode 100644 template/apps/client/src/lib/components/ui/skeleton/skeleton.svelte create mode 100644 template/apps/client/src/lib/components/ui/sonner/index.ts create mode 100644 template/apps/client/src/lib/components/ui/sonner/sonner.svelte create mode 100644 template/apps/client/src/lib/components/ui/textarea/index.ts create mode 100644 template/apps/client/src/lib/components/ui/textarea/textarea.svelte create mode 100644 template/apps/client/src/routes/contact/+page.svelte diff --git a/template/apps/client/package.json b/template/apps/client/package.json index 76e206f..4c7e753 100644 --- a/template/apps/client/package.json +++ b/template/apps/client/package.json @@ -23,7 +23,8 @@ "@sanity/client": "^7.8.2", "@sanity/svelte-loader": "^1.13.48", "@sanity/visual-editing": "^3.0.2", - "@sveltejs/adapter-cloudflare-workers": "^2.9.0" + "@sveltejs/adapter-cloudflare-workers": "^2.9.0", + "zod": "^4.1.0" }, "devDependencies": { "@internationalized/date": "^3.8.1", @@ -35,11 +36,15 @@ "@tailwindcss/vite": "^4.1.11", "bits-ui": "^2.8.6", "clsx": "^2.1.1", + "formsnap": "^2.0.1", + "mode-watcher": "^1.0.8", "prettier": "^3.6.2", "prettier-plugin-svelte": "^3.4.0", "prettier-plugin-tailwindcss": "^0.6.14", "svelte": "^5.37.3", "svelte-check": "^4.3.1", + "svelte-sonner": "^1.0.5", + "sveltekit-superforms": "^2.26.1", "tailwind-merge": "^3.3.1", "tailwind-variants": "^1.0.0", "tailwindcss": "^4.1.11", diff --git a/template/apps/client/src/lib/components/navbar.svelte b/template/apps/client/src/lib/components/navbar.svelte index 97ad457..9a3b851 100644 --- a/template/apps/client/src/lib/components/navbar.svelte +++ b/template/apps/client/src/lib/components/navbar.svelte @@ -228,66 +228,69 @@
{#each items || [] as item, index} {#if item.url && !item.subitems} -
- -
+ {:else if item.subitems} -
- {#if index === activeIndex} -
- {/if} - + {:else} +
+ {item.name} +
+ {/if} +
- +
+ +
+ +
{#if expandedSubmenu === item.name}
- {#if item.url} - - {/if} {#each item.subitems as subitem}