fix: ui items padding

oneminch · oneminch · commit 43a2d4df82fd · 2025-09-25T16:45:39.000-04:00
diff --git a/.playground/app/app.config.ts b/.playground/app/app.config.ts
@@ -0,0 +1,9 @@
+export default defineAppConfig({
+  ui: {
+    prose: {
+      pre: {
+        base: "pr-12",
+      },
+    },
+  },
+});
diff --git a/.playground/app/components/BaseLayer.vue b/.playground/app/components/BaseLayer.vue
@@ -8,7 +8,7 @@
       <h1 class="text-5xl font-bold text-zinc-700">Nuxt Basis</h1>
 
       <div class="flex items-center gap-x-4">
-        <UButton to="/docs" variant="subtle" class="rounded-full"
+        <UButton to="/docs" variant="subtle" class="rounded-full py-2 px-4"
           >Docs 📄</UButton
         >
 

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`<h1 class="text-5xl font-bold text-zinc-700">Nuxt Basis</h1>`
`9`	`9`
`10`	`10`	`<div class="flex items-center gap-x-4">`
`11`		`- <UButton to="/docs" variant="subtle" class="rounded-full"`
	`11`	`+ <UButton to="/docs" variant="subtle" class="rounded-full py-2 px-4"`
`12`	`12`	`>Docs 📄</UButton`
`13`	`13`	`>`
`14`	`14`