bastian/keyvault
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Bastian Wagner
2026-02-20 13:52:19 +01:00
parent 62520466dc
commit 955faa5cd5
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/app/core/layout/layout.component.html
View File

@@ -12,12 +12,12 @@
<mat-drawer-container class="example-container" autosize> <mat-drawer-container class="example-container" autosize>
<mat-drawer #drawer class="main_sidenav" mode="side" opened="true" style="border-right: 1px solid #dfdfdf"> <mat-drawer #drawer class="main_sidenav" mode="side" opened="true" style="border-right: 1px solid #dfdfdf">
<button matButton routerLink="/" routerLinkActive="mat-elevation-z1" [routerLinkActiveOptions]="{exact: true}">Home</button> <button matButton routerLink="/" routerLinkActive="active-link" [routerLinkActiveOptions]="{exact: true}">Home</button>
<button matButton routerLink="/keys" routerLinkActive="mat-elevation-z1">Schlüssel</button> <button matButton routerLink="/keys" routerLinkActive="active-link" class="mat-elevation-z1">Schlüssel</button>
<button matButton routerLink="/cylinders" routerLinkActive="mat-elevation-z1">Zylinder</button> <button matButton routerLink="/cylinders" routerLinkActive="active-link">Zylinder</button>
<button matButton routerLink="/systems" routerLinkActive="mat-elevation-z1">Schließanlagen</button> <button matButton routerLink="/systems" routerLinkActive="active-link">Schließanlagen</button>
@if (isAdmin) { @if (isAdmin) {
<button matButton routerLink="/users" routerLinkActive="mat-elevation-z1">Alle User</button> <button matButton routerLink="/users" routerLinkActive="active-link">Alle User</button>
} }
<button matButton (click)="openSidebar()">Einstellungen</button> <button matButton (click)="openSidebar()">Einstellungen</button>

8
client/src/styles.scss
View File

@@ -218,4 +218,12 @@ div.ag-row {
.ag-filter-body-wrapper { .ag-filter-body-wrapper {
padding: 8px 12px; padding: 8px 12px;
gap: 6px; gap: 6px;
}
.active-link {
// background-color: rgba(0, 0, 0, 0.08) !important;
font-weight: 500 !important;
box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
} }