pages/components/Sidebar.js

@@ -1,20 +1,13 @@
-import React, { useState } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faSearch } from '@fortawesome/free-solid-svg-icons';
 import RecentTask from './RecentTask';
 
 const Sidebar = () => {
-    const [recentTasks, setRecentTasks] = useState([]);
-
-    const handleSearch = e => {
-        const searchPhrase = e.target.value;
-    }
-
     return (
         <section className="sidebar">
             <div className="search-area">
                 <FontAwesomeIcon icon={faSearch} />
-                <input type="text" placeholder="Wyszukaj" onChange={handleSearch}/>
+                <input type="text" placeholder="Wyszukaj"/>
             </div>
             <div className="recent-task-list">
                 <div>Ostatnie zadania</div>

style.css

@@ -275,8 +275,7 @@ button:hover {
 /* tasks */
 
 main {
-    display: grid;
+    display: flex;
-    grid: auto / 3fr 7fr;
     margin: 0;
     padding: 0;
     height: 100%;
@@ -284,17 +283,17 @@ main {
 
 }
 
-/* section.task-description{
+section.task-description{
-    width: 70%;
+    width: 100%;
-} */
+}
 
 div.task-description {
     /* position: absolute;
     left: 350px; */
     display: flex;
     flex-direction: column;
-    /* width: 100%; */
+    width: 100%;
-    /* max-width: 900px; */
+    max-width: 900px;
     margin: 10%;
 
     line-height: 1.2em;
@@ -412,7 +411,7 @@ div.task-description {
 
 .sidebar {
     /* position: absolute; */
-    /* width: 30%; */
+    width: 500px;
     height: 100%;
     border: var(--sidebar-border);
     background: #F6F9FC;