feat: style

Author: Innei

src/components/ui/markdown/Markdown.tsx

@@ -261,7 +261,7 @@ const MarkdownImage = (props: any) => {
   const { w } = useWrappedElementSize()
 
   if (props.src.endsWith('.mp4')) {
-    return <video src={props.src} controls playsInline />
+    return <video src={props.src} controls playsInline autoPlay />
   }
 
   return <FixedZoomedImage {...nextProps} containerWidth={w} />

src/components/ui/markdown/markdown.module.css

@@ -2,6 +2,9 @@
   @apply relative;
 
   :global {
+    kbd {
+      @apply kbd kbd-sm;
+    }
     & .spoiler {
       position: relative;
 

src/components/ui/markdown/renderers/LinkRenderer.tsx

@@ -66,7 +66,7 @@ export const LinkRenderer = ({ href }: { href: string }) => {
           <>
             <iframe
               src={`https://gist.github.com/${owner}/${id}.pibb`}
-              className="max-h-[300px] w-full overflow-auto border-0"
+              className="max-h-[50vh] w-full overflow-auto border-0"
             />
 
             <a