small docs changes

lukasbach · lukasbach · commit b44876d4613d · 2025-02-27T02:24:57.000+01:00
diff --git a/packages/docs/src/components/demo/demo-box.module.css b/packages/docs/src/components/demo/demo-box.module.css
@@ -16,7 +16,7 @@
 }
 
 .topRight a {
-    margin-left: .5rem;
+    margin-left: 1rem;
 }
 
 .storySelector {
@@ -34,6 +34,7 @@
 
 .sidebyside {
     display: flex;
+    gap: 1rem;
 }
 
 .left, .right {
@@ -48,6 +49,8 @@
     font-size: .8rem;
     flex-grow: 1;
     min-width: 0;
+    border-radius: 16px;
+    overflow: hidden;
 }
 
 .right pre {
diff --git a/packages/docs/src/components/demo/demo-box.tsx b/packages/docs/src/components/demo/demo-box.tsx
@@ -74,7 +74,7 @@ export const DemoBox: FC<DemoBoxProps> = ({
             target="_blank"
             rel="noreferrer noopener"
           >
-            Code
+            Full Code
           </a>
           <a
             href={`https://headless-tree.lukasbach.com/storybook/react/index.html?path=/story/${story.id}`}

Original file line number	Diff line number	Diff line change
`@@ -74,7 +74,7 @@ export const DemoBox: FC<DemoBoxProps> = ({`
`74`	`74`	`target="_blank"`
`75`	`75`	`rel="noreferrer noopener"`
`76`	`76`	`>`
`77`		`- Code`
	`77`	`+ Full Code`
`78`	`78`	`</a>`
`79`	`79`	`<a`
`80`	`80`	href={`https://headless-tree.lukasbach.com/storybook/react/index.html?path=/story/${story.id}`}