From f416eb00b0a10cd958861f571fe7ef3bc606f8c8 Mon Sep 17 00:00:00 2001
From: Johnny <johnnyjoygg@gmail.com>
Date: Tue, 30 Dec 2025 08:58:01 +0800
Subject: [PATCH] refactor(web): simplify Skeleton component structure

---
 web/src/components/Skeleton.tsx | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/web/src/components/Skeleton.tsx b/web/src/components/Skeleton.tsx
index 75c3d6a91..1de83ecf2 100644
--- a/web/src/components/Skeleton.tsx
+++ b/web/src/components/Skeleton.tsx
@@ -59,20 +59,18 @@ const Skeleton = ({ type = "route", showCreator = false, count = 4, showEditor =
 
   // Route or memo type: with optional wrapper
   return (
-    <div className="w-full max-w-full px-4 py-6">
-      <div className="w-full max-w-2xl mx-auto">
-        {/* Editor skeleton - only for route type */}
-        {type === "route" && showEditor && (
-          <div className="relative flex flex-col justify-start items-start bg-card w-full px-4 py-3 mb-4 gap-2 rounded-lg border border-border animate-pulse">
-            <div className="w-full h-12 bg-muted rounded" />
-          </div>
-        )}
+    <div className="w-full max-w-2xl mx-auto">
+      {/* Editor skeleton - only for route type */}
+      {type === "route" && showEditor && (
+        <div className="relative flex flex-col justify-start items-start bg-card w-full px-4 py-3 mb-4 gap-2 rounded-lg border border-border animate-pulse">
+          <div className="w-full h-12 bg-muted rounded" />
+        </div>
+      )}
 
-        {/* Memo skeletons */}
-        {Array.from({ length: count }).map((_, index) => (
-          <MemoCardSkeleton key={index} showCreator={showCreator} index={index} />
-        ))}
-      </div>
+      {/* Memo skeletons */}
+      {Array.from({ length: count }).map((_, index) => (
+        <MemoCardSkeleton key={index} showCreator={showCreator} index={index} />
+      ))}
     </div>
   );
 };