form height auto
This commit is contained in:
parent
a6eae42ead
commit
b844c2a509
|
@ -44,8 +44,8 @@ const ContactForm = ({ startLoading, stopLoading }: Props) => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
||||||
<div className="w-full flex flex-col h-auto items-center justify-center relative " >
|
<div className="w-full flex flex-col h-auto items-center justify-center relative mb-9 " >
|
||||||
<div className="text-4xl sm:text-3xl lg:text-5xl text-center mt-[10vh]">
|
<div className="text-4xl max-sm:text-3xl lg:text-5xl text-center mt-[10vh] mb-5">
|
||||||
讓我們知道您的想法
|
讓我們知道您的想法
|
||||||
</div>
|
</div>
|
||||||
<div className="bg-[url('/images/014.png')] absolute bottom--10 inset-0 h-auto w-full bg-contain bg-bottom bg-no-repeat hidden lg:block"></div>
|
<div className="bg-[url('/images/014.png')] absolute bottom--10 inset-0 h-auto w-full bg-contain bg-bottom bg-no-repeat hidden lg:block"></div>
|
||||||
|
@ -55,9 +55,9 @@ const ContactForm = ({ startLoading, stopLoading }: Props) => {
|
||||||
|
|
||||||
<div className="grid lg:grid-cols-10 ">
|
<div className="grid lg:grid-cols-10 ">
|
||||||
|
|
||||||
<form onSubmit={handleSubmit(onSubmit)} className="flex rounded-tl-3xl rounded-bl-3xl h-[62vh] lg:col-span-6 items-center justify-center">
|
<form onSubmit={handleSubmit(onSubmit)} className="flex rounded-tl-3xl rounded-bl-3xl h-auto lg:col-span-6 items-center justify-center">
|
||||||
|
|
||||||
<div className="space-y-3 w-full mx-11">
|
<div className="space-y-3 w-full mx-11 h-auto">
|
||||||
<div className="grid md:grid-cols-2 space-y-3">
|
<div className="grid md:grid-cols-2 space-y-3">
|
||||||
<div className=" md:mr-3 mt-3">
|
<div className=" md:mr-3 mt-3">
|
||||||
<p className='text-sm'>姓名</p>
|
<p className='text-sm'>姓名</p>
|
||||||
|
@ -88,7 +88,7 @@ const ContactForm = ({ startLoading, stopLoading }: Props) => {
|
||||||
|
|
||||||
<button
|
<button
|
||||||
type="submit"
|
type="submit"
|
||||||
className={`middle none center rounded-full md:px-8 md:py-3 text-sm max-sm:w-full py-3 px-8 bg-mainColor font-bold uppercase text-white shadow-md shadow-pink-500/20 transition-all hover:shadow-lg hover:shadow-pink-500/40`}
|
className={`middle none center rounded-full md:px-8 md:py-3 text-sm max-sm:w-full py-3 px-5 bg-mainColor font-bold uppercase text-white shadow-md shadow-pink-500/20 transition-all hover:shadow-lg hover:shadow-pink-500/40`}
|
||||||
data-ripple-light="true"
|
data-ripple-light="true"
|
||||||
|
|
||||||
>
|
>
|
||||||
|
|
|
@ -37,7 +37,7 @@ const MobileNav = ({ showNav, courses }: Props) => {
|
||||||
<div className={`text-white ${navOpen} fixed flex flex-col h-full w-[80%] sm:w-[60%] bg-[#F9E7E9] z-[10000] `}>
|
<div className={`text-white ${navOpen} fixed flex flex-col h-full w-[80%] sm:w-[60%] bg-[#F9E7E9] z-[10000] `}>
|
||||||
|
|
||||||
<div className='w-full h-16 flex justify-start items-center border-b-[1.5px] border-[#F5DADF]'>
|
<div className='w-full h-16 flex justify-start items-center border-b-[1.5px] border-[#F5DADF]'>
|
||||||
<Link key={"01"} href={"#"} >
|
<Link key={"01"} href={"/"} >
|
||||||
<p className="text-xl ml-6 text-black">
|
<p className="text-xl ml-6 text-black">
|
||||||
主頁
|
主頁
|
||||||
</p>
|
</p>
|
||||||
|
|
Loading…
Reference in New Issue