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,
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" />
</div>
),
@ -210,7 +210,11 @@ export default function CodeEditor() {
// 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) {
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" />
</div>
);