From a41efdbe785ace52ad490d31281465e623d51496 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=B4=80=E1=B4=8D=E1=B4=9B=E1=B4=8F=E1=B4=80=E1=B4=87?=
 =?UTF-8?q?=CA=80?= <amtoaer@gmail.com>
Date: Mon, 9 Jun 2025 12:17:19 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E7=A7=BB=E9=99=A4=E8=AE=A2=E9=98=85?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E7=9A=84=E5=8D=95=E8=A1=8C=E6=9C=80=E5=A4=A7?=
 =?UTF-8?q?=E5=AE=BD=E5=BA=A6=E9=99=90=E5=88=B6=EF=BC=8C=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E9=93=BA=E6=BB=A1=E5=B1=8F=E5=B9=95=20(#359)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/routes/me/collections/+page.svelte | 18 +++++++++++-------
 web/src/routes/me/favorites/+page.svelte   | 18 +++++++++++-------
 web/src/routes/me/uppers/+page.svelte      | 18 +++++++++++-------
 3 files changed, 33 insertions(+), 21 deletions(-)

diff --git a/web/src/routes/me/collections/+page.svelte b/web/src/routes/me/collections/+page.svelte
index 847d695..3454c1f 100644
--- a/web/src/routes/me/collections/+page.svelte
+++ b/web/src/routes/me/collections/+page.svelte
@@ -65,7 +65,7 @@
 	<title>关注的合集 - Bili Sync</title>
 </svelte:head>
 
-<div class="max-w-6xl">
+<div>
 	<div class="mb-6 flex items-center justify-between">
 		<div>
 			<h1 class="text-2xl font-bold">关注的合集</h1>
@@ -83,13 +83,17 @@
 			<div class="text-muted-foreground">加载中...</div>
 		</div>
 	{:else if collections.length > 0}
-		<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+		<div
+			style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; width: 100%; max-width: none; justify-items: start;"
+		>
 			{#each collections as collection (collection.id)}
-				<SubscriptionCard
-					item={collection}
-					type="collection"
-					onSubscriptionSuccess={handleSubscriptionSuccess}
-				/>
+				<div style="max-width: 450px; width: 100%;">
+					<SubscriptionCard
+						item={collection}
+						type="collection"
+						onSubscriptionSuccess={handleSubscriptionSuccess}
+					/>
+				</div>
 			{/each}
 		</div>
 
diff --git a/web/src/routes/me/favorites/+page.svelte b/web/src/routes/me/favorites/+page.svelte
index 1888614..e321b16 100644
--- a/web/src/routes/me/favorites/+page.svelte
+++ b/web/src/routes/me/favorites/+page.svelte
@@ -50,7 +50,7 @@
 	<title>我的收藏夹 - Bili Sync</title>
 </svelte:head>
 
-<div class="max-w-6xl">
+<div>
 	<div class="mb-6 flex items-center justify-between">
 		<div>
 			<h1 class="text-2xl font-bold">我的收藏夹</h1>
@@ -68,13 +68,17 @@
 			<div class="text-muted-foreground">加载中...</div>
 		</div>
 	{:else if favorites.length > 0}
-		<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+		<div
+			style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; width: 100%; max-width: none; justify-items: start;"
+		>
 			{#each favorites as favorite (favorite.fid)}
-				<SubscriptionCard
-					item={favorite}
-					type="favorite"
-					onSubscriptionSuccess={handleSubscriptionSuccess}
-				/>
+				<div style="max-width: 450px; width: 100%;">
+					<SubscriptionCard
+						item={favorite}
+						type="favorite"
+						onSubscriptionSuccess={handleSubscriptionSuccess}
+					/>
+				</div>
 			{/each}
 		</div>
 	{:else}
diff --git a/web/src/routes/me/uppers/+page.svelte b/web/src/routes/me/uppers/+page.svelte
index beeb5d8..58c6d38 100644
--- a/web/src/routes/me/uppers/+page.svelte
+++ b/web/src/routes/me/uppers/+page.svelte
@@ -63,7 +63,7 @@
 	<title>关注的UP主 - Bili Sync</title>
 </svelte:head>
 
-<div class="max-w-6xl">
+<div>
 	<div class="mb-6 flex items-center justify-between">
 		<div>
 			<h1 class="text-2xl font-bold">关注的UP主</h1>
@@ -81,13 +81,17 @@
 			<div class="text-muted-foreground">加载中...</div>
 		</div>
 	{:else if uppers.length > 0}
-		<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+		<div
+			style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; width: 100%; max-width: none; justify-items: start;"
+		>
 			{#each uppers as upper (upper.mid)}
-				<SubscriptionCard
-					item={upper}
-					type="upper"
-					onSubscriptionSuccess={handleSubscriptionSuccess}
-				/>
+				<div style="max-width: 450px; width: 100%;">
+					<SubscriptionCard
+						item={upper}
+						type="upper"
+						onSubscriptionSuccess={handleSubscriptionSuccess}
+					/>
+				</div>
 			{/each}
 		</div>