From 0fa89804bc88b70582e76d622409bd4e8debbfef Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Wed, 26 Feb 2025 15:16:24 +0800
Subject: [PATCH] feat(code-editor): enhance loading state with padding and
 rounded corners for better aesthetics

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

diff --git a/src/components/code-editor.tsx b/src/components/code-editor.tsx
index 4b35eba..884e2ff 100644
--- a/src/components/code-editor.tsx
+++ b/src/components/code-editor.tsx
@@ -27,7 +27,11 @@ const Editor = dynamic(
   },
   {
     ssr: false,
-    loading: () => <Skeleton className="h-full w-full" />,
+    loading: () => (
+      <div className="h-full w-full p-10 pt-2">
+        <Skeleton className="h-full w-full rounded-3xl" />
+      </div>
+    ),
   }
 );