This commit is contained in:
FilipHalon 2020-01-20 17:06:22 +01:00
parent bd02838d6a
commit bc62cc71ae
2 changed files with 16 additions and 8 deletions

View File

@ -1,13 +1,20 @@
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"/>
<input type="text" placeholder="Wyszukaj" onChange={handleSearch}/>
</div>
<div className="recent-task-list">
<div>Ostatnie zadania</div>

View File

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