Polish subscription and server picker animations

2026-08-11 07:55:41 +03:00
parent 9a8191dc91
commit 9ad0307333
8 changed files with 247 additions and 48 deletions
@@ -127,14 +127,19 @@ function ServerRow({
 }) {
  const health = ping?.checking ? 'Проверяем пинг' : serverHealthText(ping);

-  return <div className={`client-server-row${selected ? ' is-selected' : ''}${onFavorite ? ' has-favorite' : ''}`}>
+  return <div
+    className={`client-server-row${selected ? ' is-selected' : ''}${onFavorite ? ' has-favorite' : ''}`}
+    style={{
+      '--server-index': Math.min(index, 7),
+      '--server-exit-delay': `${90 + Math.max(0, 4 - Math.min(index, 4)) * 45}ms`,
+    } as CSSProperties}
+  >
    <button
      className={`client-server${selected ? ' is-selected' : ''}`}
      type="button"
      disabled={disabled}
      aria-pressed={selected}
      aria-label={`${server.label}, ${server.host}:${server.port}${health ? `, ${health}` : ''}`}
-      style={{ '--server-index': Math.min(index, 7) } as CSSProperties}
      onClick={() => onSelect(server.id)}
    >
      <strong>{server.label}</strong>