owenrees/chess-scribe-website
1
0
Fork 0
mirror of https://github.com/TheRealOwenRees/chess-scribe-website.git synced 2026-07-23 01:46:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve contact form collapse

Browse Source
This commit is contained in:
Owen Rees
2026-06-04 21:39:00 +02:00
parent 40541d3da2
commit 03e6c3fe31
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Section.tsx
+3 -3
View File
@@ -14,13 +14,13 @@ const Section = ({ title, smallTitle, description, children }: IProps) => {
return (
<section className="mx-auto mt-8 grid max-w-5xl place-items-center gap-4 p-8 text-center md:grid-cols-3 md:text-left text-(--accent)">
<h3 className="md:col-span-3 mb-4 text-center text-lg font-bold tracking-wider text-primary">
<h3 className="col-span-full mb-4 text-center text-lg font-bold tracking-wider text-primary">
{smallTitle}
</h3>
<h4 className="md:col-span-3 mb-4 text-center text-4xl font-extrabold text-(--neutral-content) md:text-5xl">
<h4 className="col-span-full mb-4 text-center text-4xl font-extrabold text-(--neutral-content) md:text-5xl">
{mainTitle} <span className="text-(--accent)">{lastWord}</span>
</h4>
<p className="md:col-span-3 mb-8 w-1/2 text-center font-semibold text-(--neutral-content) ">
<p className="col-span-full mb-8 w-1/2 text-center font-semibold text-(--neutral-content) ">
{description}
</p>
{children}
src/pages/Contact/Contact.tsx
+2 -2
View File
@@ -65,7 +65,7 @@ const Contact = ({ handleSubmit }: IProps) => {
>
<form
action={formAction}
className="col-span-3 flex flex-col gap-6 w-full max-w-(--breakpoint-sm)"
className="col-span-full max-w-150 flex flex-col gap-6 w-full"
>
<FormField
type="text"
@@ -98,7 +98,7 @@ const Contact = ({ handleSubmit }: IProps) => {
<button
type="submit"
disabled={isPending}
className="btn btn-primary flex items-center justify-center gap-2"
className="btn btn-primary flex items-center justify-center gap-2 w-full"
>
{isPending ? "Sending..." : "Send"}
<LuSend className="w-5 h-5" />