Fix welcome popup scroll

makaroni4 · Dec 9, 2023 · eb57a3f · eb57a3f
1 parent 4abeb6c
commit eb57a3f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -36,7 +36,8 @@ function App() {
     showErrorMessage,
     generatingExam,
     processingSubmission,
-    setProcessingSubmission
+    setProcessingSubmission,
+    setShowWelcomePopup
   } = useAppStore()
 
   const handleFormSubmit = async () => {
@@ -73,6 +74,7 @@ function App() {
 
       if (hash === "#settings") {
         event.preventDefault()
+        setShowWelcomePopup(false)
         setSettingsVisible(true)
       }
     })

diff --git a/src/components/WelcomePopup.tsx b/src/components/WelcomePopup.tsx
@@ -6,9 +6,9 @@ export default function WelcomePopup() {
   const { welcomeBannerCopy, setShowWelcomePopup } = useAppStore()
 
   return (
-    <div className="fixed top-0 left-0 w-screen h-screen flex items-start justify-center z-30 overflow-scroll md:overflow-auto md:items-center">
-      <div className="absolute top-0 left-0 w-screen h-screen bg-white flex items-center justify-center z-40 opacity-50"></div>
-      <div className="container md:p-12">
+    <div className="fixed top-0 left-0 w-screen h-screen flex items-start justify-center z-30 md:overflow-auto md:items-start overflow-scroll md:scroll-auto">
+      <div className="fixed top-0 left-0 w-screen h-screen bg-white flex items-center justify-center z-40 opacity-80"></div>
+      <div className="container md:p-12 overflow-scroll">
         <div className="p-6 bg-gradient-to-r from-yellow-50 to-sky-100 rounded-md relative opacity-100 z-50">
           <XMarkIcon
             onClick={() => {