Bugfix550 Adjusted mobile carousel height (#749)

ita-social-projects · Apr 21, 2022 · 4b8ba43 · 4b8ba43
1 parent a87fc7f
commit 4b8ba43
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Posts/Cards/ImportantPostPreviewCard/ImportantPostPreviewCard.styles.ts b/src/components/Posts/Cards/ImportantPostPreviewCard/ImportantPostPreviewCard.styles.ts
@@ -8,7 +8,7 @@ interface IStyleProps {
 const sizeModes = {
   mobile: {
     root: {
-      height: 'calc(100vh - 200px)',
+      height: 585,
       padding: [0],
     },
   },

diff --git a/src/old/modules/main/components/ImportantContainer.tsx b/src/old/modules/main/components/ImportantContainer.tsx
@@ -49,7 +49,7 @@ export const ImportantContainer: React.FC<IImportantContainer> = ({
                 post={post}
                 key={post.title}
                 forDeviceType={mobile ? 'mobile' : 'desktop'}
-                size={mobile ? 'small' : 'large'}
+                size={mobile ? 'mobile' : 'large'}
               />
             ))}
           </Carousel>

diff --git a/src/old/modules/main/styles/ImportantContainer.styles.ts b/src/old/modules/main/styles/ImportantContainer.styles.ts
@@ -6,7 +6,7 @@ export const useStyles = makeStyles(
       minHeight: 455,
     },
     containerMobile: {
-      minHeight: 'calc(100vh - 200px)',
+      minHeight: 585,
       display: 'flex',
       flexDirection: 'column',
       justifyContent: 'center',