fix: shiki highlight jumping

Innei · Innei · commit 919c4c1258d6 · 2024-05-02T13:55:44.000+08:00
Signed-off-by: Innei &lt;i@innei.in&gt;
diff --git a/src/components/ui/code-highlighter/shiki/ShikiWrapper.tsx b/src/components/ui/code-highlighter/shiki/ShikiWrapper.tsx
@@ -67,7 +67,7 @@ export const ShikiHighLighterWrapper = forwardRef<
           $hightlighted,
         )
 
-        $el.scrollTop = lineHeight * childIndexInParent - 30
+        $el.scrollTop = lineHeight * childIndexInParent - $el.clientHeight / 2
       }
     } else {
       setIsOverflow(false)

Original file line number	Diff line number	Diff line change
`@@ -67,7 +67,7 @@ export const ShikiHighLighterWrapper = forwardRef<`
`67`	`67`	`$hightlighted,`
`68`	`68`	`)`
`69`	`69`
`70`		`- $el.scrollTop = lineHeight * childIndexInParent - 30`
	`70`	`+ $el.scrollTop = lineHeight * childIndexInParent - $el.clientHeight / 2`
`71`	`71`	`}`
`72`	`72`	`} else {`
`73`	`73`	`setIsOverflow(false)`