schn33fuchs/ticketsystem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Logout button

Browse Source 
And styling for it
This commit is contained in:
Silas
2026-05-04 16:45:52 +02:00
parent 331552b656
commit 7bde1470a1
3 changed files with 55 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/styles/components/_sidebar.scss
View File

@@ -5,10 +5,12 @@
width: 260px;
background: $color-sidebar;
color: #fff;
min-height: 100vh;
min-height: 100%;
padding: $spacing-md;
display: flex;
flex-direction: column;
ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: $spacing-sm; }
ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: $spacing-sm; flex: 1; }
a, .menu-toggle {
color: #fff;
@@ -29,6 +31,25 @@
li { padding: 4px 0; }
}
.logout-item {
margin-top: auto;
border-top: 1px solid rgba(255,255,255,0.1);
padding-top: $spacing-sm;
}
.logout-button {
background: rgba(255,255,255,0.1);
color: #fff;
border: 1px solid rgba(255,255,255,0.2);
padding: 8px 12px;
border-radius: 4px;
width: 100%;
cursor: pointer;
text-align: left;
&:hover { background: rgba(255,255,255,0.15); }
&:active { background: rgba(255,255,255,0.2); }
}
&.user { width: 220px; background: darken($color-sidebar, 6%); }
}