+ {/* Заголовок community */}
+
+
+ {/* Сетка карточек шлюзов для этого community */}
+
{server.gateways.map((gw, idx) => {
const isActive = activeGw === gw.name;
const isFastest = idx === 0;
@@ -472,7 +474,8 @@ function EasySwitchManager() {
transition: 'all 0.15s ease',
border: isActive ? '2px solid var(--tblr-primary)' : '1px solid rgba(0,0,0,0.1)',
borderRadius: '8px',
- boxShadow: isActive ? '0 4px 12px rgba(32, 107, 196, 0.3)' : 'none'
+ boxShadow: isActive ? '0 4px 12px rgba(32, 107, 196, 0.3)' : 'none',
+ position: 'relative'
}}
onClick={() => handleGatewaySelect(server.id, comm.value, gw.name)}
onMouseEnter={(e) => {
@@ -489,30 +492,44 @@ function EasySwitchManager() {
}}
>
- {/* Галочка и метка Fastest */}
-
+ {/* Галочка (абсолютное позиционирование) */}
+ {isActive && (
+
+
+
+ )}
+
+ {/* Метка Fastest */}
+
{isFastest && !isActive && (
Fast
)}
- {!isFastest &&
}
- {isActive && (
-
-
-
- )}
{/* Название шлюза */}
-
+
{gw.name}
+ {/* Описание шлюза */}
+ {gw.comment && (
+
+ {gw.comment}
+
+ )}
+
{/* Протокол */}
{serverMeta?.provider || 'vless / xudp'}
@@ -527,10 +544,12 @@ function EasySwitchManager() {
);
})}
+
+
-
- );
- })}
+ );
+ })}
+