This commit is contained in:
antv
2026-07-17 00:11:23 +07:00
parent ad5465198e
commit c4e652e64c
5 changed files with 129 additions and 30 deletions
+14 -8
View File
@@ -94,7 +94,7 @@
</div>
</div>
<div class="text-right">
<p class="text-3xl font-black text-primary">{{ $receivedCurrentUserRankItem->score }}</p>
<p class="text-xl font-black text-primary">{{ $receivedCurrentUserRankItem->score }}</p>
<p class="text-xs font-medium text-gray-500 uppercase">Thẻ</p>
</div>
</div>
@@ -126,7 +126,7 @@
</div>
</div>
<div class="text-right">
<span class="text-primary font-black text-2xl">{{ $group->first()->score }}</span>
<span class="text-primary font-black text-lg">{{ $group->first()->score }}</span>
<span class="text-sm font-bold text-gray-400">thẻ</span>
</div>
</div>
@@ -138,8 +138,11 @@
<div class="absolute inset-0 bg-gradient-to-r from-blue-50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
<x-avatar :user="$user" class="w-12 h-12" />
<div class="flex-1 min-w-0 relative z-10">
<p class="font-bold text-[#1a2b49] truncate group-hover:text-primary transition-colors">{{ $user->name }}</p>
<p class="text-xs text-gray-500 truncate">{{ $user->department }}</p>
<p class="font-bold text-[#1a2b49] leading-tight line-clamp-2 group-hover:text-primary transition-colors">{{ $user->name }}</p>
<div class="mt-1 flex flex-col gap-0.5">
<p class="text-[11px] font-medium text-gray-500 uppercase tracking-wide">MSNV: {{ $user->msnv ?? '---' }}</p>
<p class="text-[11px] text-gray-400 truncate">{{ $user->department ?? $user->mail ?? '---' }}</p>
</div>
</div>
</div>
@endforeach
@@ -218,7 +221,7 @@
</div>
</div>
<div class="text-right">
<p class="text-3xl font-black text-primary">{{ $sentCurrentUserRankItem->score }}</p>
<p class="text-xl font-black text-primary">{{ $sentCurrentUserRankItem->score }}</p>
<p class="text-xs font-medium text-gray-500 uppercase">Thẻ</p>
</div>
</div>
@@ -250,7 +253,7 @@
</div>
</div>
<div class="text-right">
<span class="text-primary font-black text-2xl">{{ $group->first()->score }}</span>
<span class="text-primary font-black text-lg">{{ $group->first()->score }}</span>
<span class="text-sm font-bold text-gray-400">thẻ</span>
</div>
</div>
@@ -262,8 +265,11 @@
<div class="absolute inset-0 bg-gradient-to-r from-purple-50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
<x-avatar :user="$user" class="w-12 h-12" />
<div class="flex-1 min-w-0 relative z-10">
<p class="font-bold text-[#1a2b49] truncate group-hover:text-primary transition-colors">{{ $user->name }}</p>
<p class="text-xs text-gray-500 truncate">{{ $user->department }}</p>
<p class="font-bold text-[#1a2b49] leading-tight line-clamp-2 group-hover:text-primary transition-colors">{{ $user->name }}</p>
<div class="mt-1 flex flex-col gap-0.5">
<p class="text-[11px] font-medium text-gray-500 uppercase tracking-wide">MSNV: {{ $user->msnv ?? '---' }}</p>
<p class="text-[11px] text-gray-400 truncate">{{ $user->department ?? $user->mail ?? '---' }}</p>
</div>
</div>
</div>
@endforeach