From bb6403cab2017277edbaf0945f9f9f0dd2a791a9 Mon Sep 17 00:00:00 2001
From: bestony <bestony@linux.com>
Date: Thu, 16 Jul 2026 07:29:07 +0800
Subject: [PATCH] fix: align Themes card width with NGINX Configurations

The Themes settings card used lg span 14 while NGINX Configurations
used lg span 18, making Themes appear narrower on desktop. Match the
column spans (and use xs instead of md for the mobile breakpoint) so
both cards share the same width.
---
 src/containers/settings/Settings.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/containers/settings/Settings.tsx b/src/containers/settings/Settings.tsx
index fae7df1f..8e0bd2fb 100644
--- a/src/containers/settings/Settings.tsx
+++ b/src/containers/settings/Settings.tsx
@@ -72,8 +72,8 @@ class Settings extends Component<
                 <Row justify="center" gutter={20}>
                     <Col
                         style={{ marginBottom: 20 }}
-                        lg={{ span: 14 }}
-                        md={{ span: 23 }}
+                        lg={{ span: 18 }}
+                        xs={{ span: 23 }}
                     >
                         <Card
                             style={{ height: '100%' }}