diff --git a/packages/core/src/storybook/stand-alone-documentaion/playground/playground-helpers.ts b/packages/core/src/storybook/stand-alone-documentaion/playground/playground-helpers.ts index b5785866e8..7d55cebb1c 100644 --- a/packages/core/src/storybook/stand-alone-documentaion/playground/playground-helpers.ts +++ b/packages/core/src/storybook/stand-alone-documentaion/playground/playground-helpers.ts @@ -6,24 +6,31 @@ export const jsx = `() => { } return ( - - Vibe Logo -
- + + Vibe Logo + + Playground - + Craft, Experiment, and Innovate with Vibe. -
- - - - Tip: Can't see the editor? Click 'D' on your keyboard - + + + Can't see the editor? Click 'D' on your keyboard +
); }`; @@ -36,6 +43,7 @@ export const css = `.playground { .vibe-logo { width: 150px; + margin-block-end: var(--spacing-large); transition: transform 0.3s ease, filter 0.3s ease; } @@ -43,6 +51,10 @@ export const css = `.playground { transform: scale(1.02); filter: drop-shadow(0 0 32px rgba(80, 52, 255, 0.3)); } + +.count-button { + margin-block: var(--spacing-medium); +} `; export default { jsx, css };