docs(showcase): change padding

Author: maiieul

apps/website/src/components/showcase/showcase.tsx

@@ -32,17 +32,17 @@ export const Showcase = component$<ShowcaseProps>(({ name, ...props }) => {
       {!props.vertical ? (
         <Tabs
           {...props}
-          selectedClassName="bg-primary hover:bg-primary text-primary-foreground hover:text-primary-foreground  border-t-1 font-medium "
+          selectedClassName="bg-primary hover:bg-primary text-primary-foreground hover:text-primary-foreground border-t-1 font-medium "
         >
           <TabList class="bg-accent flex rounded-t-sm border border-b-0">
-            <Tab class="hover:bg-primary/90 hover:text-primary-foreground rounded-tl-sm px-3 py-2   ">
+            <Tab class="hover:bg-primary/90 hover:text-primary-foreground rounded-tl-sm px-3 py-2">
               Preview
             </Tab>
-            <Tab class="hover:bg-primary/90 hover:text-primary-foreground px-3 py-2 ">
+            <Tab class="hover:bg-primary/90 hover:text-primary-foreground px-3 py-2">
               Code
             </Tab>
           </TabList>
-          <TabPanel class="rounded-b-sm border p-8 md:p-24">
+          <TabPanel class="rounded-b-sm border px-8 py-32 md:px-32">
             <section class="flex flex-col items-center">
               {MetaGlobComponentSig.value && <MetaGlobComponentSig.value />}
             </section>