all_in_one
/
frondend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

form height auto

This commit is contained in:
Philip Cheung 2024-10-08 16:58:18 +08:00
parent a6eae42ead
commit b844c2a509
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/ContactForm.tsx
View File

@ -44,8 +44,8 @@ const ContactForm = ({ startLoading, stopLoading }: Props) => {
return (
<div className="w-full flex flex-col h-auto items-center justify-center relative " >
<div className="text-4xl sm:text-3xl lg:text-5xl text-center mt-[10vh]">
<div className="w-full flex flex-col h-auto items-center justify-center relative mb-9 " >
<div className="text-4xl max-sm:text-3xl lg:text-5xl text-center mt-[10vh] mb-5">
讓我們知道您的想法
</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 ">
<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=" md:mr-3 mt-3">
<p className='text-sm'>姓名</p>
@ -88,7 +88,7 @@ const ContactForm = ({ startLoading, stopLoading }: Props) => {
<button
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"
>

2
components/Navbar/MobileNav.tsx
View File

@ -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='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>