refactor: make regular supporter avatars smaller and remove border

- Reduced from w-12 h-12 md:w-16 md:h-16 to w-10 h-10 md:w-12 md:h-12
- Removed ring border for regular supporters (keep yellow ring for whales only)
- Simplified styling logic
This commit is contained in:
Gigi
2025-10-15 01:40:34 +02:00
parent f65d39023c
commit 0f58b166ce

View File

@@ -175,12 +175,10 @@ const SupporterCard: React.FC<SupporterCardProps> = ({ supporter, isWhale }) =>
{/* Avatar */}
<div
className={`rounded-full overflow-hidden flex items-center justify-center cursor-pointer transition-transform hover:scale-105
${isWhale ? 'w-24 h-24 md:w-28 md:h-28' : 'w-12 h-12 md:w-16 md:h-16'}
${isWhale ? 'ring-4 ring-yellow-400' : 'ring-2'}
${isWhale ? 'w-24 h-24 md:w-28 md:h-28 ring-4 ring-yellow-400' : 'w-10 h-10 md:w-12 md:h-12'}
`}
style={{
backgroundColor: 'var(--color-bg-elevated)',
borderColor: isWhale ? undefined : 'var(--color-border)'
backgroundColor: 'var(--color-bg-elevated)'
}}
title={`${name}${supporter.totalSats.toLocaleString()} sats`}
onClick={handleClick}