fix: code style

Signed-off-by: Innei <[email protected]>

Author: Innei

src/components/ui/code-highlighter/shiki/Shiki.module.css

@@ -17,7 +17,7 @@
     }
 
     .line {
-      @apply block min-h-[1em];
+      @apply block min-h-[1em] px-4;
     }
 
     .highlighted,
@@ -71,4 +71,8 @@
       }
     }
   }
+
+  .scroll-container::-webkit-scrollbar-track {
+    margin: 10px; /* 滚动条顶部间距 */
+  }
 }

src/components/ui/code-highlighter/shiki/Shiki.tsx

@@ -152,8 +152,9 @@ export const ShikiHighLighter: FC<Props> = (props) => {
           <div
             ref={setCodeBlockRef}
             className={clsxm(
-              'relative max-h-[50vh] w-full overflow-auto px-4 scrollbar-none',
+              'relative max-h-[50vh] w-full overflow-auto scrollbar-none',
               !isCollapsed ? '!max-h-[100%]' : isOverflow ? maskClassName : '',
+              styles['scroll-container'],
             )}
             dangerouslySetInnerHTML={
               renderedHtml

src/components/ui/markdown/parsers/alert.tsx

@@ -18,9 +18,9 @@ const textColorMap = {
 } as any
 
 const borderColorMap = {
-  NOTE: 'border-blue-500 dark:border-blue-400',
-  IMPORTANT: 'border-accent',
-  WARNING: 'border-amber-500 dark:border-amber-400',
+  NOTE: 'before:bg-blue-500 before:bg-blue-400',
+  IMPORTANT: 'before:bg-accent',
+  WARNING: 'before:bg-amber-500 dark:before:bg-amber-400',
 } as any
 
 const typedIconMap = {