diff --git a/src/components/Sing/CharacterPortrait.vue b/src/components/Sing/CharacterPortrait.vue index 3c240cf7a2..2dfec9b183 100644 --- a/src/components/Sing/CharacterPortrait.vue +++ b/src/components/Sing/CharacterPortrait.vue @@ -49,12 +49,16 @@ $portrait-min-height: 500px; } // 画面右下に固定表示 -// 幅固定、高さ可変、画像のアスペクト比を保持、heightを調整 +// 横位置を基準にして中央揃えで表示(画像のアスペクト比を保持) .character-portrait-wrap { + position: absolute; + right: 300px; + bottom: 0; + width: 0; + height: 100%; display: flex; flex-direction: column; - margin-left: auto; - overflow: hidden; + align-items: center; } // 通常は下部基準だが、親要素が最小高さより小さい場合は上部基準とし頭を残して足から隠れさせる