styles

src/app/shared/components/layout/sidebar/sidebar.component.html

@@ -0,0 +1,45 @@
+<aside class="sidebar">
+  <div class="sidebar-header">
+    <h1 class="sidebar-title">CustomDash</h1>
+  </div>
+
+  <nav class="sidebar-nav">
+    <a
+      class="nav-item"
+      [class.active]="activeRoute === 'dashboard'"
+      (click)="setActive('dashboard')"
+    >
+      <app-icon name="placeholder"></app-icon>
+      <span>Übersicht</span>
+    </a>
+
+    <a
+      class="nav-item"
+      [class.active]="activeRoute === 'analytics'"
+      (click)="setActive('analytics')"
+    >
+      <app-icon name="placeholder"></app-icon>
+      <span>Analysen</span>
+    </a>
+
+    <a
+      class="nav-item"
+      [class.active]="activeRoute === 'reports'"
+      (click)="setActive('reports')"
+    >
+      <app-icon name="placeholder"></app-icon>
+      <span>Berichte</span>
+    </a>
+  </nav>
+
+  <div class="sidebar-footer">
+    <a
+      class="nav-item"
+      [class.active]="activeRoute === 'settings'"
+      (click)="setActive('settings')"
+    >
+      <app-icon name="placeholder"></app-icon>
+      <span>Einstellungen</span>
+    </a>
+  </div>
+</aside>