Beesquit/picrinth-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sidebar enhancements

Browse Source
This commit is contained in:
Beesquit
2025-09-19 17:13:04 +03:00
parent 716b4bc711
commit 774f34b971
7 changed files with 57 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/Sidebar.css
View File

@ -2,24 +2,25 @@
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 250px;
background-color: #fff;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
border-right: 1px solid #e5e7eb;
width: 240px;
height: 100%;
background-color: #2a2a2a;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
border-right: 1px solid #404040;
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
}
.sidebar-header {
padding: 1.5rem;
border-bottom: 1px solid #e5e7eb;
background-color: #f9fafb;
border-bottom: 1px solid #404040;
background-color: #333333;
}
.sidebar-title {
margin: 0;
font-size: 1.25rem;
font-weight: 600;
color: #374151;
color: rgba(255, 255, 255, 0.87);
}
.sidebar-nav {
@ -29,17 +30,40 @@
.sidebar-link {
display: block;
padding: 0.75rem 1.5rem;
color: #374151;
color: rgba(255, 255, 255, 0.87);
text-decoration: none;
transition: background-color 0.2s ease;
transition: all 0.2s ease;
border-left: 3px solid transparent;
}
.sidebar-link:hover {
background-color: #f3f4f6;
border-left-color: #3b82f6;
background-color: #333333;
border-left-color: var(--links-main-color);
color: var(--links-main-color);
}
.sidebar-link:active {
background-color: #e5e7eb;
background-color: #2a2a2a;
}
.sidebar-bottom-link {
display: block;
padding: 0.75rem 1.5rem;
color: rgba(255, 255, 255, 0.87);
text-decoration: none;
transition: all 0.2s ease;
border-left: 3px solid transparent;
bottom: 0;
}
.sidebar-bottom-link:hover {
background-color: #333333;
/* a249a5 */
border-left-color: var(--links-main-color);
color: var(--links-main-color);
}
.sidebar-bottom-link:active {
background-color: #2a2a2a;
}