animation tweaks and mobile desktop fixes

This commit is contained in:
dvorakmortonxd 2026-09-23 11:50:25 +02:00
commit ee11b4f71b
4 changed files with 107 additions and 16 deletions

View file

@ -27,12 +27,11 @@ export default function ServiceButton({ url, checkUrl, className, icon, name, de
const statusColor = effectiveStatus === 'up' ? '#4ade80' : effectiveStatus === 'down' ? '#ef4444' : '#9ca3af';
const statusGlow = effectiveStatus === 'up' ? 'rgba(74, 222, 128, 0.9)' : effectiveStatus === 'down' ? 'rgba(239, 68, 68, 0.9)' : 'transparent';
const statusLabel = effectiveStatus === 'up' ? 'Active' : effectiveStatus === 'down' ? 'Dead' : 'Checking...';
const isFriend = className === 'friend';
const content = (
<>
<span className="service-icon-wrap">
{isFriend && <span className="service-status-dot" />}
<span className="service-status-dot" />
<span className="service-icon">{icon}</span>
</span>
<span className="service-text">