Merge pull request #293 from BinaryStudioAcademy/fix/OV-282-fix-video…

…-section-height OV-282: Fix video-section height
BinaryStudioAcademy · Sep 16, 2024 · ee70996 · ee70996
2 parents 5fc2733 + bab7bee
commit ee70996
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/frontend/src/bundles/home/components/main-content/main-content.tsx b/frontend/src/bundles/home/components/main-content/main-content.tsx
@@ -12,6 +12,7 @@ import {
 import { actions as homeActions } from '~/bundles/home/store/home.js';
 
 import { VideoSection } from '../components.js';
+import styles from './styles.module.css';
 
 const MainContent: React.FC = () => {
     const dispatch = useAppDispatch();
@@ -25,7 +26,7 @@ const MainContent: React.FC = () => {
     }, [dispatch]);
 
     return (
-        <Box bg="background.50" borderRadius="lg">
+        <Box className={styles['main-content']}>
             <Overlay isOpen={dataStatus === DataStatus.PENDING}>
                 <Loader />
             </Overlay>

diff --git a/frontend/src/bundles/home/components/main-content/styles.module.css b/frontend/src/bundles/home/components/main-content/styles.module.css
@@ -0,0 +1,6 @@
+.main-content {
+    background-color: var(--chakra-colors-background-50);
+    border-radius: var(--chakra-radii-lg);
+    height: calc(100vh - 75px);
+    overflow: auto;
+}