y0rune/frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

topbar

Browse Source
This commit is contained in:
wrzesinski-hubert
2020-06-01 16:26:58 +02:00
parent 54cbd80f8b
commit 28b6869ad5
8 changed files with 163 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/TopBar/index.tsx
View File

@ -1,5 +1,5 @@
import React from "react";
import "./index.css";
import "./index.scss";
import Input from "@material-ui/core/Input";
import SearchIcon from "@material-ui/icons/Search";
import CloseIcon from "@material-ui/icons/Close";
@ -7,43 +7,39 @@ import CloseIcon from "@material-ui/icons/Close";
export default class TopBar extends React.Component {
render() {
return (
<div className="bar">
<img
className="logo"
alt="logo"
src="https://plannaplan.pl/img/logo.svg"
/>
<div className="rest">
<div className="tekst"> plan na plan </div>
<div className="inputdiv">
<div className="iconSearch">
<SearchIcon fontSize="large"></SearchIcon>
</div>
<div className="search">
<Input
placeholder="Wyszukaj..."
inputProps={{ "aria-label": "description" }}
className="input"
/>
<div className="iconClose">
<CloseIcon fontSize="large"></CloseIcon>
</div>
</div>
</div>
<div className="top-bar">
<div className="top-bar__logo">
<img
className="transfer"
className="top-bar__logo-image"
alt="logo"
src="https://plannaplan.pl/img/logo.svg"
/>
<div className="top-bar__tekst"> plan na plan </div>
</div>
<div className="top-bar__input-div">
<SearchIcon fontSize="large"></SearchIcon>
<Input
placeholder="Wyszukaj..."
inputProps={{ "aria-label": "description" }}
className="top-bar__input-field"
/>
<CloseIcon fontSize="large"></CloseIcon>
</div>
<div className="top-bar__icon-box">
<img
className="top-bar__icon"
alt="logo"
src="https://plannaplan.pl/img/transfer.png"
/>
<img
className="UK"
className="top-bar__icon"
alt="logo"
src="https://plannaplan.pl/img/UK.png"
/>
<img
className="iconUser"
className="top-bar__icon"
alt="logo"
src="https://plannaplan.pl/img/user.svg"
src="https://plannaplan.pl/img/user.png"
/>
</div>
</div>