added propTypes and fixed style to ColumnHeadBar

AleksArden · May 8, 2023 · 5d60bde · 5d60bde
1 parent b25a61a
commit 5d60bde
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/ChoosedDay/TasksColumn/ColumnHeadBar/ColumnHeadBar.jsx b/src/components/ChoosedDay/TasksColumn/ColumnHeadBar/ColumnHeadBar.jsx
@@ -1,6 +1,8 @@
-import { Wrapper, Title, Button, Icon } from './ColumnHeadBar.styled';
+import PropTypes from 'prop-types';
 import Icons from 'images/sprite.svg';
 
+import { Wrapper, Title, Button, Icon } from './ColumnHeadBar.styled';
+
 export const ColumnHeadBar = ({ title, handleShowModal }) => {
   return (
     <Wrapper>
@@ -13,3 +15,7 @@ export const ColumnHeadBar = ({ title, handleShowModal }) => {
     </Wrapper>
   );
 };
+ColumnHeadBar.propTypes = {
+  title: PropTypes.string.isRequired,
+  handleShowModal: PropTypes.func.isRequired,
+};
diff --git a/src/components/ChoosedDay/TasksColumn/ColumnHeadBar/ColumnHeadBar.styled.jsx b/src/components/ChoosedDay/TasksColumn/ColumnHeadBar/ColumnHeadBar.styled.jsx
@@ -4,16 +4,22 @@ export const Wrapper = styled.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
+
   min-width: 100%;
   padding: 7px 0;
 `;
 export const Title = styled.p`
   font-family: var(--primary-font);
   font-style: normal;
   font-weight: 700;
-  font-size: 18px 18px 20px;
+  font-size: 18px;
   line-height: 1.11;
+
   color: var(--primary-text-color);
+  @media (min-width: 768px) {
+    font-size: 20px;
+    line-height: 1.2;
+  }
 `;
 
 export const Button = styled.button`