fix: drive options mobile

fairDataSociety · Dec 14, 2023 · f318629 · f318629
1 parent f984613
commit f318629
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.module.scss b/src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.module.scss
@@ -0,0 +1,6 @@
+@media (max-width: 440px) {
+  .DriveActionBarItem {
+    width: 80px;
+    font-size: 12px;
+  }
+}
diff --git a/src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.tsx b/src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.tsx
@@ -24,6 +24,8 @@ import { UpdateDriveProps } from '@interfaces/handlers';
 import { useLocales } from '@context/LocalesContext';
 import PodContext from '@context/PodContext';
 
+import classes from './DriveActionBarMobile.module.scss';
+
 export interface DriveActionBarMobileProps extends UpdateDriveProps {
   refreshPods?: () => void;
 }
@@ -38,7 +40,7 @@ const DriveActionBarItem = (
 ) => {
   return (
     <div
-      className="py-2 w-24 block md:hidden sm:w-full py-1 flex-shrink-0 md:py-4 shadow cursor-pointer hover:bg-color-shade-dark-4-day dark:hover:bg-color-shade-dark-2-night"
+      className={`py-2 w-24 block md:hidden sm:w-full py-1 flex-shrink-0 md:py-4 shadow cursor-pointer hover:bg-color-shade-dark-4-day dark:hover:bg-color-shade-dark-2-night ${classes.DriveActionBarItem}`}
       onClick={disabled ? undefined : onClick}
     >
       <a className="flex flex-col justify-center items-center">