icone admin

src/views/Users.vue

@@ -17,6 +17,20 @@
         <v-btn color="primary" prepend-icon="mdi-plus" class="new-user-btn" @click="openDialog('user', 'create')">
           Novo Colaborador
         </v-btn>
+        
+        <v-badge dot color="error" class="notification-badge">
+            <v-icon>mdi-bell</v-icon>
+          </v-badge>
+          <div class="admin-profile">
+            <v-avatar class="mr-2" color="primary" size="40">
+              <v-img src="/api/placeholder/40/40" alt="Administrador"></v-img>
+            </v-avatar>
+            <div class="admin-info">
+              <span class="admin-name">Administrador</span>
+              <span class="admin-role">Gestor</span>
+            </div>
+            <v-icon>mdi-chevron-down</v-icon>
+          </div>
       </div>
     </div>
 
@@ -40,8 +54,8 @@
       <div class="status-toggle">
         <v-btn-toggle v-model="filters.status" mandatory density="comfortable">
           <v-btn value="all">Todos</v-btn>
-          <v-btn value="ativo">Ativos</v-btn>
-          <v-btn value="inativo">Inativos</v-btn>
+          <v-btn value="Ativo">Ativos</v-btn>
+          <v-btn value="Inativo">Inativos</v-btn>
         </v-btn-toggle>
       </div>
     </div>
@@ -161,8 +175,8 @@ export default {
 
         const matchesStatus =
           filters.value.status === 'all' ||
-          (filters.value.status === 'ativo' && user.status === 'Ativo') ||
-          (filters.value.status === 'inativo' && user.status === 'Inativo');
+          (filters.value.status === 'Ativo' && user.status === 'Ativo') ||
+          (filters.value.status === 'Inativo' && user.status === 'Inativo');
 
         return matchesSearch && matchesStatus;
       });
@@ -359,4 +373,33 @@ export default {
   gap: 8px;
   justify-content: flex-end;
 }
+
+.admin-profile {
+  display: flex;
+  align-items: center;
+  margin-left: 16px;
+  cursor: pointer;
+}
+
+.admin-info {
+  display: flex;
+  flex-direction: column;
+  margin: 0 8px;
+}
+
+.admin-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: #1e293b;
+}
+
+.admin-role {
+  font-size: 12px;
+  color: #64748b;
+}
+
+.notification-badge {
+  margin: 0 8px;
+}
+
 </style>