feat: add border styles to section-layout

bigcommerce · Nov 11, 2024 · 9902676 · 9902676
1 parent 4b424a9
commit 9902676
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/core/makeswift/components/section-layout/section-layout.makeswift.ts b/core/makeswift/components/section-layout/section-layout.makeswift.ts
@@ -8,7 +8,7 @@ runtime.registerComponent(SectionLayout, {
   label: 'Layouts / Section',
   // icon: "accordion", TODO: (drew) add icon
   props: {
-    className: Style(),
+    className: Style({ properties: [Style.Border, Style.BorderRadius] }),
     children: Slot(),
     containerSize: Select({
       label: 'Container Size',

diff --git a/core/vibes/soul/sections/section-layout/index.tsx b/core/vibes/soul/sections/section-layout/index.tsx
@@ -10,7 +10,7 @@ export function SectionLayout({
   containerSize?: 'lg' | 'xl' | '2xl';
 }) {
   return (
-    <section className={clsx('@container', className)}>
+    <section className={clsx('w-full @container', className)}>
       <div
         className={clsx(
           'mx-auto px-4 py-10 @xl:px-6 @xl:py-14 @4xl:px-8 @4xl:py-20',