fix: adjust positioning of the action button in DocCodeViewer component

tanerengiiin · tanerengiiin · commit 6dcb8ac30845 · 2025-07-23T14:04:31.000+03:00
diff --git a/apps/showcase/components/doc/DocCodeViewer.tsx b/apps/showcase/components/doc/DocCodeViewer.tsx
@@ -51,7 +51,7 @@ const DocCodeViewer = ({
             >
                 {children}
             </pre>
-            <div className="absolute flex items-center top-3 right-3 p-0.5 rounded-[10px] bg-white/10 backdrop-blur-[6px] border border-[hsla(0,0%,100%,.1)] group-hover/pre:opacity-100 opacity-0 transition-opacity duration-150 ">
+            <div className="absolute flex items-center top-2 right-2 p-0.5 rounded-[10px] bg-white/10 backdrop-blur-[6px] border border-[hsla(0,0%,100%,.1)] group-hover/pre:opacity-100 opacity-0 transition-opacity duration-150 ">
                 {__spec__ === 'DocDemoViewer' && (
                     <>
                         <DocCodeViewerConfigButton onClick={() => setIsExpanded(!isExpanded)}>

Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ const DocCodeViewer = ({`
`51`	`51`	`>`
`52`	`52`	`{children}`
`53`	`53`	`</pre>`
`54`		`- <div className="absolute flex items-center top-3 right-3 p-0.5 rounded-[10px] bg-white/10 backdrop-blur-[6px] border border-[hsla(0,0%,100%,.1)] group-hover/pre:opacity-100 opacity-0 transition-opacity duration-150 ">`
	`54`	`+ <div className="absolute flex items-center top-2 right-2 p-0.5 rounded-[10px] bg-white/10 backdrop-blur-[6px] border border-[hsla(0,0%,100%,.1)] group-hover/pre:opacity-100 opacity-0 transition-opacity duration-150 ">`
`55`	`55`	`{__spec__ === 'DocDemoViewer' && (`
`56`	`56`	`<>`
`57`	`57`	`<DocCodeViewerConfigButton onClick={() => setIsExpanded(!isExpanded)}>`