added background for sidebar

This commit was merged in pull request #9.
This commit is contained in:
Ebube
2024-03-14 00:07:27 +01:00
parent 6f1f7ee682
commit 9ec1013173
2 changed files with 14 additions and 8 deletions
+5 -3
View File
@@ -15,16 +15,18 @@
position: fixed;
top: 0;
left: 0;
width: 300px;
width: 330px;
/* Adjust the width as needed */
height: 100vh;
background-color: #fff;
background-color: #5c2684;
color: #FFFFFF;
padding-top: .9375rem;
/* Set the background color */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
/* Add a box-shadow for visual separation */
transform: translateX(-100%);
/* Initially hide the sidebar */
transition: transform 0.3s ease-in-out;
transition: transform 0.4s ease;
/* Add a transition for smooth animation */
z-index: 9;