CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-18 23:42:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(code-editor, mdx-preview): update loading state padding for improved aesthetics

Browse Source
This commit is contained in:
cfngc4594 2025-02-26 15:58:40 +08:00
parent 3111d58b3c
commit 800c35cb01
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/code-editor.tsx
View File

@ -28,7 +28,7 @@ const Editor = dynamic(
{ {
ssr: false, ssr: false,
loading: () => ( loading: () => (
<div className="h-full w-full p-10 pt-2"> <div className="h-full w-full p-4">
<Skeleton className="h-full w-full rounded-3xl" /> <Skeleton className="h-full w-full rounded-3xl" />
</div> </div>
), ),
@ -210,7 +210,11 @@ export default function CodeEditor() {
// console.log(marker.message); // console.log(marker.message);
// }); // });
// }} // }}
loading={<Skeleton className="h-full w-full" />} loading={
<div className="h-full w-full p-4">
<Skeleton className="h-full w-full rounded-3xl" />
</div>
}
/> />
); );
} }

2
src/components/mdx-preview.tsx
View File

@ -86,7 +86,7 @@ export default function MdxPreview({ source }: MdxPreviewProps) {
if (isLoading) { if (isLoading) {
return ( return (
<div className="h-full w-full p-10"> <div className="h-full w-full p-4">
<Skeleton className="h-full w-full rounded-3xl" /> <Skeleton className="h-full w-full rounded-3xl" />
</div> </div>
); );