patrick/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix contact form layout on mobile screens

Browse Source
This commit is contained in:
Patrick Jaroszewski
2026-03-29 07:54:01 -04:00
parent 5051078c0b
commit ae890bd01d
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/svelte/ContactForm.svelte
View File

@@ -178,14 +178,14 @@
</div> </div>
{/if} {/if}
<div class="flex items-start justify-between gap-4 min-h-[65px]"> <div class="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 min-h-[65px]">
<!-- Turnstile Widget (300x65 for normal size) --> <!-- Turnstile Widget (300x65 for normal size) -->
<div bind:this={turnstileContainer} class="min-w-[300px]"></div> <div bind:this={turnstileContainer} class="min-w-[300px]"></div>
<button <button
type="submit" type="submit"
disabled={formState === 'submitting'} disabled={formState === 'submitting'}
class="inline-flex items-center justify-center gap-2 rounded-md bg-primary px-6 py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200" class="w-full sm:w-auto inline-flex items-center justify-center gap-2 rounded-md bg-primary px-6 py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200"
> >
{#if formState === 'submitting'} {#if formState === 'submitting'}
<span class="inline-block size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span> <span class="inline-block size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>