sidebar with hardcoded values

2022-01-27 12:02:17 -06:00
parent a67eddd352
commit 68ec1ca061
5 changed files with 53 additions and 9 deletions
--- a/src/App.css
+++ b/src/App.css
@@ -12,6 +12,7 @@
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
+  height: 5rem;
  border-bottom: 1px solid black;
 }

@@ -35,4 +36,30 @@
  display: hidden;
  flex-direction: column;
  align-items: center;
+}
+
+.sidebar {
+  display: flex;
+  flex-direction: column;
+  width: 12rem;
+  position: fixed;
+  background-color: black;
+  color: white;
+  right: 0;
+  top: 5rem;
+  padding: 1.5rem;
+  transition: right 0.6s ease-out;
+}
+
+.sidebar-hidden {
+  display: flex;
+  flex-direction: column;
+  width: 12rem;
+  position: fixed;
+  background-color: black;
+  color: white;
+  right: -15rem;
+  top: 5rem;
+  padding: 1.5rem;
+  transition: right 0.6s ease-out;
 }