baobeld/benjaminpalko
1
0
Fork 0
Code Pull requests Packages 2 Activity Actions

reformat contact page

Browse source
This commit is contained in:
Benjamin Palko 2026-03-27 09:43:50 -04:00
parent 7ab199b815
commit 3ff64f1c7e
1 changed files with 8 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/routes/contact/+page.svelte
View file

@ -1,14 +1,6 @@
<script lang="ts"> <script lang="ts">
import { enhance } from '$app/forms'; import { enhance } from '$app/forms';
import { import { CircleCheck, CircleX, Mail, Send, TriangleAlert, UserRound } from '@lucide/svelte';
CircleCheck,
CircleX,
Croissant,
Mail,
Send,
TriangleAlert,
UserRound
} from '@lucide/svelte';
import type { PageProps } from './$types'; import type { PageProps } from './$types';
let loading = $state(false); let loading = $state(false);
@ -27,10 +19,10 @@
}; };
}} }}
> >
<div class="mx-auto grid max-w-2xl gap-8 py-8 sm:grid-flow-col sm:grid-cols-3 sm:grid-rows-6"> <div class="mx-auto flex max-w-lg flex-col gap-8 py-8">
<h2 class="col-span-full text-center text-4xl font-light">Reach out! 🤝</h2> <h2 class="text-center text-4xl font-light">Reach out! 🤝</h2>
<div class="col-span-full"> <div>
{#if form?.incorrect} {#if form?.incorrect}
<div role="alert" class="alert alert-warning w-full"> <div role="alert" class="alert alert-warning w-full">
<TriangleAlert /> <TriangleAlert />
@ -49,7 +41,7 @@
{/if} {/if}
</div> </div>
<label class="input input-bordered col-span-full flex w-full items-center sm:col-span-1"> <label class="input input-bordered flex w-full items-center">
<UserRound /> <UserRound />
<input required name="name" type="text" class="grow" placeholder="Full Name" /> <input required name="name" type="text" class="grow" placeholder="Full Name" />
</label> </label>
@ -58,21 +50,17 @@
<input required name="email" type="email" class="grow" placeholder="Your Email" /> <input required name="email" type="email" class="grow" placeholder="Your Email" />
</label> </label>
<div class="row-span-3 sm:col-span-2"> <div>
<textarea <textarea
required required
name="message" name="message"
form="contact" form="contact"
class="textarea textarea-bordered h-full w-full resize-none" class="textarea textarea-bordered h-full min-h-48 w-full resize-none"
placeholder="Message" placeholder="Message"
></textarea> ></textarea>
</div> </div>
<button <button disabled={loading} type="submit" class="btn btn-primary transition-colors duration-400">
disabled={loading}
type="submit"
class="btn btn-primary col-span0 transition-colors duration-400"
>
<div class="w-6"> <div class="w-6">
{#if loading} {#if loading}
<span class="loading loading-spinner"></span> <span class="loading loading-spinner"></span>