From 86a5360f564aea7cdd0ed7c27b9dad8895e8d1ae Mon Sep 17 00:00:00 2001
From: Denozordec <shatskiy.blog@gmail.com>
Date: Tue, 31 Mar 2026 17:27:10 +0700
Subject: [PATCH] Update Mihomo page layout for improved responsiveness

- Adjusted grid classes in the Mihomo page to enhance layout flexibility, transitioning from a fixed column setup to a more responsive design.
- Improved the display of proxy groups by allowing for a greater number of columns on larger screens, optimizing user experience across devices.
---
 web/src/routes/mihomo/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/routes/mihomo/+page.svelte b/web/src/routes/mihomo/+page.svelte
index 9163df6..689ff55 100644
--- a/web/src/routes/mihomo/+page.svelte
+++ b/web/src/routes/mihomo/+page.svelte
@@ -330,7 +330,7 @@
 					</p>
 				</div>
 				<div
-					class="grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-3"
+					class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4"
 				>
 					{#each rows.filter((r) => r.metaStatus === 'ok') as r (r.alias)}
 						<Card.Root