chore(docs): add padding to ComponentLoader (#107)

ls1072502993 · cwandev · web-flow · commit 6d5a3b647450 · 2025-12-18T23:10:32.000+08:00
* fix(ComponentViewer): add padding to component preview for better spacing

* chore: add padding to ComponentLoader

* chore: remove padding class from component preview

Removed padding class from component preview.

---------

Co-authored-by: Charlie Wang &lt;18888351756@163.com&gt;
diff --git a/apps/www/components/ComponentLoader.vue b/apps/www/components/ComponentLoader.vue
@@ -29,7 +29,7 @@ withDefaults(defineProps<Props>(), {
         >
           <ResizablePanelGroup direction="horizontal">
             <ResizablePanel :default-size="100">
-              <div class="h-[600px] overflow-auto">
+              <div class="h-[600px] overflow-auto p-1">
                 <ComponentViewer :component-name="componentName" />
               </div>
             </ResizablePanel>

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ withDefaults(defineProps<Props>(), {`
`29`	`29`	`>`
`30`	`30`	`<ResizablePanelGroup direction="horizontal">`
`31`	`31`	`<ResizablePanel :default-size="100">`
`32`		`- <div class="h-[600px] overflow-auto">`
	`32`	`+ <div class="h-[600px] overflow-auto p-1">`
`33`	`33`	`<ComponentViewer :component-name="componentName" />`
`34`	`34`	`</div>`
`35`	`35`	`</ResizablePanel>`