diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-05-29 17:44:30 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-05-29 17:44:30 +0900 |
| commit | 85d339ee913503ec4833e3249d834790867fd2b7 (patch) | |
| tree | fc41dce65cca2636832222d3bb87fed15636dca7 /packages/frontend/src/components | |
| parent | enhance(backend): tweak default maxFileSizeMb value (diff) | |
| download | misskey-85d339ee913503ec4833e3249d834790867fd2b7.tar.gz misskey-85d339ee913503ec4833e3249d834790867fd2b7.tar.bz2 misskey-85d339ee913503ec4833e3249d834790867fd2b7.zip | |
fix(frontend): チャットに動画ファイルを送付すると、動画の表示が崩れてしまい視聴出来ない問題を修正
Fix #15854
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkFukidashi.vue | 14 |
1 files changed, 13 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkFukidashi.vue b/packages/frontend/src/components/MkFukidashi.vue index fba5dc854c..fc3de2845e 100644 --- a/packages/frontend/src/components/MkFukidashi.vue +++ b/packages/frontend/src/components/MkFukidashi.vue @@ -10,7 +10,8 @@ SPDX-License-Identifier: AGPL-3.0-only tail === 'left' ? $style.left : $style.right, negativeMargin === true && $style.negativeMargin, shadow === true && $style.shadow, - accented === true && $style.accented + accented === true && $style.accented, + fullWidth === true && $style.fullWidth, ]" > <div :class="$style.bg"> @@ -32,11 +33,13 @@ withDefaults(defineProps<{ negativeMargin?: boolean; shadow?: boolean; accented?: boolean; + fullWidth?: boolean; }>(), { tail: 'right', negativeMargin: false, shadow: false, accented: false, + fullWidth: false, }); </script> @@ -73,6 +76,14 @@ withDefaults(defineProps<{ margin-right: calc(calc(var(--fukidashi-radius) * .13) * -1); } } + + &.fullWidth { + width: 100%; + + &.content { + width: 100%; + } + } } .bg { @@ -85,6 +96,7 @@ withDefaults(defineProps<{ .content { position: relative; padding: 10px 14px; + box-sizing: border-box; } @container (max-width: 450px) { |