From b844c2a50994da0497caa1233ef8ca3c5673deb0 Mon Sep 17 00:00:00 2001
From: Philip Cheung <philip.cheung@nirons.com>
Date: Tue, 8 Oct 2024 16:58:18 +0800
Subject: [PATCH] form height auto

---
 components/ContactForm.tsx      | 10 +++++-----
 components/Navbar/MobileNav.tsx |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/ContactForm.tsx b/components/ContactForm.tsx
index 0dec885..9289a29 100644
--- a/components/ContactForm.tsx
+++ b/components/ContactForm.tsx
@@ -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"
 
                             >
diff --git a/components/Navbar/MobileNav.tsx b/components/Navbar/MobileNav.tsx
index e94d72d..0affa7a 100644
--- a/components/Navbar/MobileNav.tsx
+++ b/components/Navbar/MobileNav.tsx
@@ -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>