Merge pull request #38 from 001elijah/fix

Fix

src/components/BoardList/BoardList.jsx

@@ -1,8 +1,8 @@
-import s from './BoardList.module.scss';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
 import { BoardItem } from '../BoardItem/BoardItem';
 import sprite from 'assets/icons/sprite.svg';
-import PropTypes from 'prop-types';
-import { useState } from 'react';
+import s from './BoardList.module.scss';
 
 export const BoardList = ({ theme, boards }) => {
 

src/components/BoardList/BoardList.module.scss

@@ -1,19 +1,19 @@
 @import 'assets/styles/mixins';
 
 .list {
-  height: 202px;
+  display: flex;
+  flex-direction: column;
+  row-gap: 4px;
+  height: calc(100vh - 611px);
   width: 100%;
   margin-top: 40px;
+  margin-bottom: 40px;
   overflow-y: auto;
 
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-
   @include tablet {
-    height: 380px;
+    height: calc(100vh - 655px);
   }
   @include desktop {
-    height: 126px;
+    height: calc(100vh - 646px);
   }
 }

src/components/Sidebar/Sidebar.module.scss

@@ -9,7 +9,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  overflow-y: scroll;
+  // overflow-y: scroll;
 
   @include tablet {
     min-width: 260px;

src/index.scss

@@ -27,7 +27,7 @@
 body {
   margin: 0;
   height: 100vh;
-  // overflow: hidden;
+  overflow: hidden;
   font-family: 'Poppins-Regular', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;