Address modal issues #31

mshumayl · Apr 20, 2023 · 93c6023 · 93c6023 · vercel · Apr 20, 2023
1 parent 89bf28e
commit 93c6023
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
@@ -28,7 +28,7 @@ const Modal: FC<ModalProps> = ({ setModalVisibleCallback }) => {
     }
 
     return (
-        <div className="fixed w-11/12 h-fit sm:w-5/6 md:w-4/5 lg:w-1/2 top-72 bg-white shadow-2xl rounded-2xl border border-dashed border-slate-400 p-10 justify-center content-center">
+        <div className="max-h-screen min-h-fit fixed w-11/12 sm:w-5/6 md:w-4/5 lg:w-1/2 bg-white shadow-2xl rounded-2xl border border-dashed border-slate-400 p-10 justify-center content-center">
             <div className="font-zilla-slab text-lg md:text-xl text-emerald-500 flex justify-center mt-2">You have exhausted your daily quota for AI Search and AI Generate.</div>
             <div className="font-zilla-slab text-slate-600 text-md md:text-lg flex justify-center mt-8">However, we have good news! AI-Daleel Premium subscription is coming soon, which will provide you with more AI Search and AI Generate quotas.</div>
             <div className="font-zilla-slab text-slate-600 text-md md:text-lg flex justify-center mt-5">Would you like to be notified when the Premium subscription is available? Keep up-to-date and never miss out on the latest features!</div>

diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
@@ -35,7 +35,7 @@ const NavBar: FC = () => {
           </div>
       </div>
       {(modalVisible) ? 
-      (<div className="fixed w-full top-56 hidden sm:flex justify-center bg-blue-200">
+      (<div className="fixed w-full my-20 hidden sm:flex justify-center bg-blue-200">
         <Modal setModalVisibleCallback={setModalVisible}/>
       </div>) :
       (<></>)}