Updated styles for sidebar

ThatSINEWAVE · Apr 21, 2024 · 1ab3526 · 1ab3526
1 parent aff4488
commit 1ab3526
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/styles.css b/styles.css
@@ -74,8 +74,8 @@ header {
 .sidebar {
   position: fixed;
   top: 0;
-  left: -250px;
-  width: 250px;
+  left: -350px;
+  width: 350px;
   height: 100vh;
   background-color: rgba(40, 40, 40, 0.8);
   backdrop-filter: blur(10px);
@@ -90,7 +90,9 @@ header {
 
 .sidebar-header {
   display: flex;
+  height: 74px;
   justify-content: space-between;
+  text-align: center;
   align-items: center;
   padding: 1rem;
   background-color: rgba(30, 30, 30, 0.8);
@@ -113,7 +115,7 @@ header {
 
 .sidebar nav a {
   display: block;
-  padding: 0.5rem 1rem;
+  padding: 0.5rem 2.5rem;
   margin-bottom: 0.5rem;
   border-radius: 0.25rem;
   transition: background-color 0.3s ease;
@@ -287,4 +289,4 @@ footer {
   padding: 1rem;
   text-align: center;
   box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
-}
+}