animation tweaks and mobile desktop fixes
This commit is contained in:
parent
8a379ec4b5
commit
ee11b4f71b
4 changed files with 107 additions and 16 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue