fix: prevent videos from clipping when in fullscreen mode (#1397)

Co-authored-by: Tomasz Rymkiewicz <kreha1@pm.me>
elk-zone · Feb 7, 2023 · 36191c5 · 36191c5
1 parent 2128d11
commit 36191c5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/components/status/StatusAttachment.vue b/components/status/StatusAttachment.vue
@@ -104,6 +104,7 @@ const userSettings = useUserSettings()
         controls
         rounded-lg
         object-cover
+        fullscreen:object-contain
         :width="attachment.meta?.original?.width"
         :height="attachment.meta?.original?.height"
         :style="{

diff --git a/unocss.config.ts b/unocss.config.ts
@@ -9,6 +9,8 @@ import {
   transformerVariantGroup,
 } from 'unocss'
 
+import { variantParentMatcher } from '@unocss/preset-mini/utils'
+
 export default defineConfig({
   shortcuts: [
     {
@@ -119,6 +121,7 @@ export default defineConfig({
         layer: 'native-mac',
       }
     },
+    variantParentMatcher('fullscreen', '@media (display-mode: fullscreen)'),
   ],
   rules: [
     // scrollbar-hide