added sidebar icon

This commit is contained in:
Yusuf Ipek
2021-05-14 12:52:33 +03:00
parent b2be16bed6
commit e628868b40
3 changed files with 23 additions and 1 deletions
+7 -1
View File
@@ -1,3 +1,9 @@
export default function Sidebar() {
return <div className="sidebar">Sidebar</div>;
return (
<div className="sidebar">
<button className="nav-btn">
<i class="fa fa-bars" />
</button>
</div>
);
}
+5
View File
@@ -34,6 +34,11 @@ body {
line-height: 1.6;
}
::selection {
background-color: $color-primary;
color: #fff;
}
.container {
display: grid;
grid-template-rows: 80vh min-content 40vw repeat(3, min-content);
+11
View File
@@ -2,4 +2,15 @@
background-color: $color-primary;
grid-column: sidebar-start / sidebar-end;
grid-row: 1 / -1;
.nav-btn {
border: none;
border-radius: 0;
background-color: $color-primary;
color: $color-grey-dark-2;
font-size: 4rem;
cursor: pointer;
margin: 0 auto;
display: block;
}
}