SESP/sgse-app
2
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Ajustes Gerais

Browse Source
This commit is contained in:
deyvisonwanderley
2025-12-01 14:51:15 -03:00
parent a149c5ead6
commit 8fabb4149c
4 changed files with 94 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
apps/web/src/lib/components/Sidebar.svelte
View File

@@ -330,6 +330,12 @@
</div>
<div class="ml-auto flex flex-none items-center gap-4">
{#if currentUser.data}
<!-- Nome e Perfil à esquerda do avatar -->
<div class="hidden flex-col items-end lg:flex">
<span class="text-primary text-sm font-semibold">{currentUser.data.nome}</span>
<span class="text-base-content/60 text-xs">{currentUser.data.role?.nome}</span>
</div>
<div class="dropdown dropdown-end">
<!-- Botão de Perfil ULTRA MODERNO -->
<button
@@ -343,32 +349,32 @@
class="absolute inset-0 bg-linear-to-br from-white/0 to-white/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100"
> </div>
<!-- Avatar/Foto do usuário ou ícone padrão -->
{#if avatarUrlDoUsuario()}
<img
src={avatarUrlDoUsuario()}
alt={currentUser.data?.nome || 'Usuário'}
class="relative z-10 h-full w-full object-cover"
/>
{:else}
<!-- Ícone de usuário moderno (fallback) -->
<User
class="relative z-10 h-7 w-7 text-white transition-transform duration-300 group-hover:scale-110"
style="filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3));"
/>
{/if}
<!-- Avatar/Foto do usuário ou ícone padrão -->
{#if avatarUrlDoUsuario()}
<img
src={avatarUrlDoUsuario()}
alt={currentUser.data?.nome || 'Usuário'}
class="relative z-10 h-full w-full object-cover"
/>
{:else}
<!-- Ícone de usuário moderno (fallback) -->
<User
class="relative z-10 h-7 w-7 text-white transition-transform duration-300 group-hover:scale-110"
style="filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3));"
/>
{/if}
<!-- Anel de pulso sutil -->
<div
class="absolute inset-0 rounded-2xl"
style="animation: pulse-ring-subtle 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;"
></div>
<!-- Badge de status online -->
<!-- Anel de pulso sutil -->
<div
class="bg-success absolute top-1 right-1 z-20 h-3 w-3 rounded-full border-2 border-white shadow-lg"
style="animation: pulse-dot 2s ease-in-out infinite;"
class="absolute inset-0 rounded-2xl"
style="animation: pulse-ring-subtle 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;"
></div>
<!-- Badge de status online -->
<div
class="bg-success absolute top-1 right-1 z-20 h-3 w-3 rounded-full border-2 border-white shadow-lg"
style="animation: pulse-dot 2s ease-in-out infinite;"
></div>
</button>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<ul
@@ -387,11 +393,6 @@
</ul>
</div>
<div class="mr-2 hidden flex-col items-end lg:flex">
<span class="text-primary text-sm font-semibold">{currentUser.data.nome}</span>
<span class="text-base-content/60 text-xs">{currentUser.data.role?.nome}</span>
</div>
<!-- Sino de notificações no canto superior direito -->
<div class="relative">
<NotificationBell />