From e108244121fc94e749e3d80214d34ed76a92de4e Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Wed, 26 Feb 2025 15:08:27 +0800
Subject: [PATCH] feat(mdx-preview): enhance loading state with padding and
 rounded corners for better aesthetics

---
 src/components/mdx-preview.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/mdx-preview.tsx b/src/components/mdx-preview.tsx
index 15ec67a..a5e62cb 100644
--- a/src/components/mdx-preview.tsx
+++ b/src/components/mdx-preview.tsx
@@ -85,7 +85,11 @@ export default function MdxPreview({ source }: MdxPreviewProps) {
   }, [getMdxSource]);
 
   if (isLoading) {
-    return <Skeleton className="h-full w-full" />;
+    return (
+      <div className="h-full w-full p-10">
+        <Skeleton className="h-full w-full rounded-3xl" />
+      </div>
+    );
   }
 
   if (error) {