fix: apply responsive hiding and fixed-width truncation for name and department in header profile

This commit is contained in:
antv
2026-07-08 15:58:52 +07:00
parent b62926b9af
commit 553d47ebd1
+3 -3
View File
@@ -32,9 +32,9 @@
@endphp
<img src="{{ $avatarUrl }}" alt="Avatar" class="w-full h-full object-cover">
</div>
<div class="flex flex-col leading-tight pr-1">
<span class="text-[13px] font-bold text-[#1a2b49]">{{ Auth::user()->name }}</span>
<span class="text-[11px] text-gray-400 font-medium" title="{{ $deptName }}">{{ $deptName }}</span>
<div class="hidden sm:flex flex-col leading-tight pr-1">
<span class="text-[13px] font-bold text-[#1a2b49] truncate max-w-[120px]" title="{{ Auth::user()->name }}">{{ Auth::user()->name }}</span>
<span class="text-[11px] text-gray-400 font-medium truncate max-w-[120px]" title="{{ $deptName }}">{{ $deptName }}</span>
</div>
<svg class="w-3.5 h-3.5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />