refactor: reorder footer text and make stats smaller

- Move call-to-action above stats
- Reduce stats font size from text-sm to text-xs
- Make call-to-action more prominent
This commit is contained in:
Gigi
2025-10-15 01:39:57 +02:00
parent 0b3c7efbc1
commit f65d39023c

View File

@@ -118,11 +118,7 @@ const Support: React.FC<SupportProps> = ({ relayPool, eventStore, settings }) =>
</>
)}
<div className="mt-12 md:mt-16 text-center space-y-4">
<p className="text-sm" style={{ color: 'var(--color-text-muted)' }}>
Total supporters: {supporters.length}
Total zaps: {supporters.reduce((sum, s) => sum + s.zapCount, 0)}
</p>
<div className="mt-12 md:mt-16 text-center space-y-3">
<p className="text-sm" style={{ color: 'var(--color-text-secondary)' }}>
Zap{' '}
<a
@@ -146,6 +142,10 @@ const Support: React.FC<SupportProps> = ({ relayPool, eventStore, settings }) =>
</a>
{' '}and your avatar will show up above.
</p>
<p className="text-xs" style={{ color: 'var(--color-text-muted)' }}>
Total supporters: {supporters.length}
Total zaps: {supporters.reduce((sum, s) => sum + s.zapCount, 0)}
</p>
</div>
</div>
</div>