Adjust scrolling for AddMediaModal (#597)

First-Peoples-Cultural-Council · Sep 12, 2024 · 6588b2a · 6588b2a
1 parent be5b8ed
commit 6588b2a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/AddMediaModalWrapper/AddMediaModalWrapper.js b/src/components/AddMediaModalWrapper/AddMediaModalWrapper.js
@@ -58,7 +58,7 @@ function AddMediaModalWrapper({
     >
       <div
         id="AddMediaModalWrapper"
-        className="h-4/5-screen w-3/4-screen mx-auto rounded-lg overflow-hidden bg-gray-50 p-4"
+        className="h-4/5-screen w-3/4-screen mx-auto rounded-lg overflow-y-scroll bg-gray-50 p-4"
       >
         <div className="h-full flex flex-col">
           <div>

diff --git a/src/components/UploadAudio/UploadAudio.js b/src/components/UploadAudio/UploadAudio.js
@@ -91,7 +91,7 @@ function UploadAudio({ setSelectedMedia }) {
   }
 
   return (
-    <div id="UploadAudio" className="overflow-y-scroll text-left px-4">
+    <div id="UploadAudio" className="h-full text-left p-4">
       <Header subtitle="Upload a new Audio file" />
       <form onReset={reset}>
         <div className="mt-2 grid grid-cols-12">

diff --git a/src/components/UploadVisualMedia/UploadVisualMedia.js b/src/components/UploadVisualMedia/UploadVisualMedia.js
@@ -70,7 +70,7 @@ function UploadVisualMedia({ type, maxItems, setSelectedMedia }) {
   ]
 
   return (
-    <div id="UploadVisualMedia" className="overflow-y-scroll h-3/4 mt-4">
+    <div id="UploadVisualMedia" className="h-full p-4">
       <Dashboard
         inline
         uppy={uppy}