Ausloggen Menu UI

src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html

@@ -1,8 +1,26 @@
 <div class="container">
   <div class="header">
-    <button class="logout-button">
-      <img src="user.svg" alt="User Icon">
-    </button>
+    <div class="dropdown position-absolute top-0 end-0 m-3">
+      <button
+        class="btn d-flex align-items-center"
+        type="button"
+        id="userDropdown"
+        data-bs-toggle="dropdown"
+        aria-expanded="false"
+      >
+        <img
+          src="user.svg"
+          alt="User Icon"
+          class="rounded-circle"
+          style="width: 30px; height: 30px;"
+        >
+      </button>
+      <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
+        <li>
+          <a class="dropdown-item" href="/logout">Log out</a>
+        </li>
+      </ul>
+    </div>
     <h1>Employees</h1>
   </div>
   <div class="header-actions">