fix: shiki copy button position

Innei · Innei · commit 65a64fb1ff71 · 2024-03-18T22:12:35.000+08:00
Signed-off-by: Innei &lt;i@innei.in&gt;
diff --git a/src/components/ui/code-highlighter/shiki/Shiki.tsx b/src/components/ui/code-highlighter/shiki/Shiki.tsx
@@ -143,7 +143,7 @@ export const ShikiHighLighter: FC<Props> = (props) => {
             'absolute right-2 top-2 z-[1] flex rounded p-2 text-xs center',
             'rounded-md border border-accent/5 bg-accent/80 p-1.5 text-white backdrop-blur duration-200',
             'opacity-0 group-hover:opacity-100',
-            filename && 'top-12',
+            filename && '!top-12',
           )}
         >
           <i className="icon-[mingcute--copy-2-fill] h-4 w-4" />

Original file line number	Diff line number	Diff line change
`@@ -143,7 +143,7 @@ export const ShikiHighLighter: FC<Props> = (props) => {`
`143`	`143`	`'absolute right-2 top-2 z-[1] flex rounded p-2 text-xs center',`
`144`	`144`	`'rounded-md border border-accent/5 bg-accent/80 p-1.5 text-white backdrop-blur duration-200',`
`145`	`145`	`'opacity-0 group-hover:opacity-100',`
`146`		`- filename && 'top-12',`
	`146`	`+ filename && '!top-12',`
`147`	`147`	`)}`
`148`	`148`	`>`
`149`	`149`	`<i className="icon-[mingcute--copy-2-fill] h-4 w-4" />`