From 98d83ec852a772c099937b8509397e58852040ba Mon Sep 17 00:00:00 2001
From: cialloo <admin@cialloo.com>
Date: Sat, 4 Oct 2025 23:01:56 +0800
Subject: [PATCH] Update server button styles and connection logic for online
 servers

---
 src/pages/Servers.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/pages/Servers.tsx b/src/pages/Servers.tsx
index d346e91..59b8adf 100644
--- a/src/pages/Servers.tsx
+++ b/src/pages/Servers.tsx
@@ -310,9 +310,9 @@ function Servers() {
                 style={{
                   width: '100%',
                   padding: '0.75rem',
-                  background: server.status === 'online' ? 'var(--accent-primary)' : 'var(--text-secondary)',
-                  color: 'white',
-                  border: 'none',
+                  background: 'transparent',
+                  color: server.status === 'online' ? 'var(--accent-primary)' : 'var(--text-secondary)',
+                  border: `2px solid ${server.status === 'online' ? 'var(--accent-primary)' : 'var(--text-secondary)'}`,
                   borderRadius: '6px',
                   fontWeight: 'bold',
                   cursor: server.status === 'online' ? 'pointer' : 'not-allowed',
@@ -321,8 +321,7 @@ function Servers() {
                 disabled={server.status !== 'online'}
                 onClick={() => {
                   if (server.status === 'online') {
-                    // In a real app, this would connect to the server
-                    alert(`Connecting to ${server.name}...`)
+                    window.open(`steam://connect/${server.ip}:${server.port}`)
                   }
                 }}
               >