fix: 高さ調整

(cherry picked from commit 13b2696)
nacika-ins · Sep 19, 2024 · a7072da · a7072da
1 parent 74758a5
commit a7072da
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue
@@ -45,8 +45,6 @@ const hide = ref(
 
 <style lang="scss" scoped>
 .kkjnbbplepmiyuadieoenjgutgcmtsvu {
-  height: min-content;
-
   position: relative;
 
   --plyr-color-main: var(--accent);

diff --git a/packages/frontend/src/components/MkVideoPlayer.vue b/packages/frontend/src/components/MkVideoPlayer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div :class="$style.root">
     <video ref="videoPlayer" class="video-js" vjs-default-skin playsinline :poster="poster"></video>
   </div>
 </template>
@@ -32,9 +32,11 @@ export default {
       this.$refs.videoPlayer,
       {
         ...this.options,
-        fill: true,
+        fill: false,
+        // 高さ制限
+        height: 343,
         // responsive: true,
-        fluid: true,
+        fluid: false,
         // aspectRatio: '4:3',
       },
       () => {
@@ -50,6 +52,14 @@ export default {
 };
 </script>
 
+<style lang="scss" module>
+.root {
+  display: flex;
+  justify-content: center;
+  background-color: black;
+}
+</style>
+
 <style lang="scss">
 .vjs-error .vjs-error-display .vjs-modal-dialog-content {
   padding-top: 40px;