diff --git a/src/components/ChoosedDay/TasksColumn/TasksColumn.jsx b/src/components/ChoosedDay/TasksColumn/TasksColumn.jsx index 980e03d..8ca024c 100644 --- a/src/components/ChoosedDay/TasksColumn/TasksColumn.jsx +++ b/src/components/ChoosedDay/TasksColumn/TasksColumn.jsx @@ -1,11 +1,13 @@ import * as ReactDOM from 'react-dom'; import { useState } from 'react'; +import PropTypes from 'prop-types'; import { AddTaskBtn } from '../AddTaskBtn/AddTaskBtn'; import { ColumnHeadBar } from './ColumnHeadBar/ColumnHeadBar'; import { ColumnsTasksList } from './ColumnsTasksList/ColumnsTasksList'; -import { Container } from './TasksColumn.styled'; import { TaskModal } from '../../TaskModal/TaskModal'; +import { Container } from './TasksColumn.styled'; + export const TasksColumn = ({ status }) => { const [showModal, setShowModal] = useState(false); @@ -35,3 +37,6 @@ export const TasksColumn = ({ status }) => { ); }; +TasksColumn.propTypes = { + status: PropTypes.object.isRequired, +} \ No newline at end of file diff --git a/src/components/ChoosedDay/TasksColumn/TasksColumn.styled.jsx b/src/components/ChoosedDay/TasksColumn/TasksColumn.styled.jsx index 3a6e15d..2560514 100644 --- a/src/components/ChoosedDay/TasksColumn/TasksColumn.styled.jsx +++ b/src/components/ChoosedDay/TasksColumn/TasksColumn.styled.jsx @@ -4,9 +4,10 @@ export const Container = styled.li` display: flex; flex-direction: column; justify-content: space-between; + gap: 14px; + max-height: 100%; padding: 20px; - gap: 14px; background: var(--primary-background-color); border: var(--border-calendar);