RecentRunner/group-2-threaded-project-petshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix contact form style

Browse Source
This commit is contained in:
Harkamal Randhawa
2026-04-15 00:56:24 -06:00
parent db756d95c4
commit 873c1bbb38
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/app/contact/page.js
View File

@@ -79,11 +79,11 @@ export default function ContactPage() {
{sendSuccess ? ( {sendSuccess ? (
<p className="contact-success">Your message has been sent. We&apos;ll be in touch soon.</p> <p className="contact-success">Your message has been sent. We&apos;ll be in touch soon.</p>
) : ( ) : (
<form className="contact-form" onSubmit={handleSend}> <form className="auth-form" onSubmit={handleSend}>
<label className="contact-label"> <label className="auth-label">
Subject Subject
<input <input
className="contact-input" className="auth-input"
type="text" type="text"
value={subject} value={subject}
onChange={(e) => setSubject(e.target.value)} onChange={(e) => setSubject(e.target.value)}
@@ -91,10 +91,11 @@ export default function ContactPage() {
maxLength={150} maxLength={150}
/> />
</label> </label>
<label className="contact-label"> <label className="auth-label">
Message Message
<textarea <textarea
className="contact-textarea" className="auth-input"
style={{ resize: "vertical" }}
value={body} value={body}
onChange={(e) => setBody(e.target.value)} onChange={(e) => setBody(e.target.value)}
required required
@@ -103,7 +104,7 @@ export default function ContactPage() {
/> />
</label> </label>
{sendError && <p className="contact-error">{sendError}</p>} {sendError && <p className="contact-error">{sendError}</p>}
<button className="contact-submit-btn" type="submit" disabled={sending}> <button className="auth-submit-btn" type="submit" disabled={sending}>
{sending ? "Sending…" : "Send Message"} {sending ? "Sending…" : "Send Message"}
</button> </button>
</form> </form>