Add sidebar
This commit is contained in:
21
src/componets/Sidebar.css
Normal file
21
src/componets/Sidebar.css
Normal file
@@ -0,0 +1,21 @@
|
||||
@import 'tailwindcss';
|
||||
|
||||
.sidebar {
|
||||
@apply w-60 h-screen bg-[#191919] flex flex-col;
|
||||
}
|
||||
|
||||
.logo {
|
||||
@apply text-2xl font-bold p-4;
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
@apply flex flex-col p-4 space-y-1;
|
||||
}
|
||||
|
||||
.link {
|
||||
@apply text-white p-2 rounded-lg no-underline cursor-pointer transition-colors duration-[0.25s];
|
||||
}
|
||||
|
||||
.link.active, .link:hover {
|
||||
@apply bg-[#313131];
|
||||
}
|
||||
Reference in New Issue
Block a user