Update mobile Guarantors slider (#1629)

* Update Guarantors slider * Revert unnecessary changes --------- Co-authored-by: ani-kalpachka <[email protected]>
podkrepi-bg · Oct 26, 2023 · a8934e4 · a8934e4
1 parent a4c57c6
commit a8934e4
Showing 1 changed file with 15 additions and 5 deletions.
diff --git a/src/components/admin/partners/Partners.styled.tsx b/src/components/admin/partners/Partners.styled.tsx
@@ -1,7 +1,9 @@
+import Image from 'next/image'
+
 import { Grid, Tabs, Typography } from '@mui/material'
-import theme from '../../../common/theme'
 import { styled } from '@mui/material/styles'
-import Image from 'next/image'
+
+import theme from '../../../common/theme'
 
 export const SectionTitle = styled(Typography)(() => ({
   fontSize: theme.typography.pxToRem(24),
@@ -32,17 +34,25 @@ export const Description = styled(Typography)(() => ({
 export const StyledTabs = styled(Tabs)(() => ({
   '& .MuiTabs-flexContainer': {
     justifyContent: 'space-around',
-    '@media only screen and (max-width: 900px)': {
-      justifyContent: 'space-between',
-    },
+
+    [theme.breakpoints.down('md')]: { justifyContent: 'space-between' },
   },
 }))
 
 export const StyledArrow = styled(Image)(() => ({
   filter:
     'invert(0%) sepia(83%) saturate(7500%) hue-rotate(347deg) brightness(85%) contrast(114%) opacity(50%)',
+
   '&:hover': {
     filter:
       'invert(91%) sepia(23%) saturate(3681%) hue-rotate(178deg) brightness(110%) contrast(102%)',
   },
+
+  '&.slick-prev': {
+    left: theme.spacing(-0.7),
+  },
+
+  '&.slick-next': {
+    right: theme.spacing(-0.7),
+  },
 }))