fixed scrollbar styling

JumboCode · Apr 12, 2024 · 5ae467b · 5ae467b
1 parent 2d555bc
commit 5ae467b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
@@ -115,7 +115,7 @@ const Sidebar = (props: ISideBar) => {
           <line x1="4" y1="17" x2="20" y2="17" />
         </svg>
         {sidebarVisible && (
-          <div className="fixed left-0 top-0 z-50 h-full w-64 overflow-y-scroll drop-shadow-lg lg:overflow-y-hidden">
+          <div className="fixed left-0 top-0 z-50 h-full w-64 overflow-y-auto drop-shadow-lg lg:overflow-y-hidden">
             <_Sidebar {...props} />
           </div>
         )}

diff --git a/src/components/container/DropDownContainer.tsx b/src/components/container/DropDownContainer.tsx
@@ -26,7 +26,7 @@ const DropDownContainer = (props: DropDownContainerProps) => {
         {props.title}
       </div>
       <div
-        className={`overflow-scroll ${
+        className={`overflow-auto ${
           showItems ? "max-h-[512px] md:max-h-[1024px]" : "max-h-0"
         }`}
         style={

diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
@@ -122,7 +122,7 @@ const AddFile = ({
   }
 
   return !error ? (
-    <Popup className="h-[32rem] w-full overflow-y-scroll sm:h-[44rem] sm:w-[36rem]">
+    <Popup className="h-[32rem] w-full overflow-y-auto sm:h-[44rem] sm:w-[36rem]">
       <div className="flex-col justify-between rounded-[16px] text-white">
         <div className="mb-5 mt-4 text-3xl font-bold"> Create New File</div>
         <div className="text-neutral-600 mb-3 h-[34px] w-full text-2xl font-thin">