mirror of
https://github.com/NeonGamerBot-QK/saahild.com.git
synced 2024-11-10 07:49:38 +00:00
fix: contact page going over navbar
This commit is contained in:
parent
b573593b2e
commit
f4ace2389b
1 changed files with 9 additions and 9 deletions
|
@ -39,9 +39,9 @@ if(Math.random() > .5) {
|
||||||
|
|
||||||
}
|
}
|
||||||
const ui = (f: any) => (e: any) => f(e.target.value)
|
const ui = (f: any) => (e: any) => f(e.target.value)
|
||||||
return <div className="min-h-screen hero " style={{ zIndex: 99999999 }}>
|
return <div className="min-h-screen hero ">
|
||||||
<div className="text-center" style={{ zIndex: 99999999 }}>
|
<div className="text-center" >
|
||||||
<div className="max-w-md" style={{ zIndex: 99999999 }}>
|
<div className="max-w-md" >
|
||||||
<h1 className="mt-10 text-5xl font-bold text-highlight" >Contact Form</h1>
|
<h1 className="mt-10 text-5xl font-bold text-highlight" >Contact Form</h1>
|
||||||
{/* <p className="py-6">Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.</p> */}
|
{/* <p className="py-6">Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.</p> */}
|
||||||
{(error || done) ? <FormResults error={error} email={email} done={done} /> : <ContactForm onSubmit={onSubmit}
|
{(error || done) ? <FormResults error={error} email={email} done={done} /> : <ContactForm onSubmit={onSubmit}
|
||||||
|
@ -72,27 +72,27 @@ export function ContactForm({ onSubmit,
|
||||||
nameOfPerson, message, email,
|
nameOfPerson, message, email,
|
||||||
uiE,uiN,uiM
|
uiE,uiN,uiM
|
||||||
}: any) {
|
}: any) {
|
||||||
return <form onSubmit={onSubmit} className="mt-5" style={{ zIndex: 9999 }}>
|
return <form onSubmit={onSubmit} className="mt-5" style={{ zIndex: 5 }}>
|
||||||
<label className="flex items-center mb-2 input input-bordered">
|
<label className="flex items-center mb-2 input input-bordered">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="var(--mauve)" className="w-4 h-4 opacity-70"><path d="M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z" /><path d="M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z" /></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="var(--mauve)" className="w-4 h-4 opacity-70"><path d="M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z" /><path d="M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z" /></svg>
|
||||||
<input style={{ zIndex: 99999 }} required type="email" className="grow" placeholder="Email" value={email} onChange={uiE} />
|
<input style={{ zIndex: 5 }} required type="email" className="grow" placeholder="Email" value={email} onChange={uiE} />
|
||||||
</label>
|
</label>
|
||||||
<label className="flex items-center mb-2 input input-bordered">
|
<label className="flex items-center mb-2 input input-bordered">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="var(--mauve)" className="w-4 h-4 opacity-70"><path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z" /></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="var(--mauve)" className="w-4 h-4 opacity-70"><path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z" /></svg>
|
||||||
<input style={{ zIndex: 99999 }} required type="text" className="grow" placeholder="Name" value={nameOfPerson} onChange={uiN} />
|
<input style={{ zIndex: 5 }} required type="text" className="grow" placeholder="Name" value={nameOfPerson} onChange={uiN} />
|
||||||
</label>
|
</label>
|
||||||
<label className="form-control">
|
<label className="form-control">
|
||||||
<div className="label">
|
<div className="label">
|
||||||
<span className="label-text">Message</span>
|
<span className="label-text">Message</span>
|
||||||
</div>
|
</div>
|
||||||
<textarea required value={message} onChange={uiM} className="h-24 textarea textarea-bordered" placeholder="Hi there neon..." style={{ borderColor: "var(--mauve)", zIndex: 99999 }}></textarea>
|
<textarea required value={message} onChange={uiM} className="h-24 textarea textarea-bordered" placeholder="Hi there neon..." style={{ borderColor: "var(--mauve)", zIndex: 5 }}></textarea>
|
||||||
<div className="label">
|
<div className="label">
|
||||||
{/* <span className="label-text-alt">Your bio</span>
|
{/* <span className="label-text-alt">Your bio</span>
|
||||||
<span className="label-text-alt">Alt label</span> */}
|
<span className="label-text-alt">Alt label</span> */}
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
<div style={{ zIndex: 99999, overflow: "hidden" }}>
|
<div style={{ zIndex: 5, overflow: "hidden" }}>
|
||||||
<button type="submit" className="btn mauve" style={{ background: "var(--surface0)", zIndex: 9999999 }}>Submit</button>
|
<button type="submit" className="btn mauve" style={{ background: "var(--surface0)", zIndex: 5 }}>Submit</button>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
</form>
|
</form>
|
||||||
|
|
Loading…
Reference in a new issue