feat: style

Innei · Jul 24, 2023 · 8cc7a86 · 8cc7a86 · vercel · Jul 24, 2023
1 parent f3516f4
commit 8cc7a86
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/components/ui/markdown/Markdown.tsx b/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} />

diff --git a/src/components/ui/markdown/markdown.module.css b/src/components/ui/markdown/markdown.module.css
@@ -2,6 +2,9 @@
   @apply relative;
 
   :global {
+    kbd {
+      @apply kbd kbd-sm;
+    }
     & .spoiler {
       position: relative;
 

diff --git a/src/components/ui/markdown/renderers/LinkRenderer.tsx b/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