fix: apply responsive hiding and fixed-width truncation for name and department in header profile
This commit is contained in:
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user