Vuetify <v-row flex-nowrap> с фиксированной шириной <v-col> переполнено <v-dialog>, а нижний колонтитул не будет придерж ⇐ CSS

[Anonymous]

Я строю в vue2 + vuetify, где у меня есть строка с фиксированной шириной с фиксированной шириной
v-col S, которая естественным образом переполняет ширину диалога на 95%. Слева: 0;




…
…



Image
Pricing
Description










.fixed-width-col { max-width: 245px !important; flex: 0 0 245px;}
.stock-form {
position: relative;
padding-bottom: 240px;
}

.bottom-section {
position: absolute; bottom: 0; left: 0; right: 0;
display: flex; justify-content: space-between;
}

< /code>
stockdefinitiondialog.vue







< /code>
Что я попробовал < /p>

Положение движения: относительно на различных обертках < /p>
< /li>
Использование Display: Inline Block; Ширина: макс-контент; В форме

контейнер < /p>
< /li>
Переключение на колонку Flex Mayout + V-Spacer < /p>
< /li>
< /ul>
west fore < /ress>
. поведение < /strong>
нижний колонтитул все еще охватывает только исходную ширину диалога; карта описания отключена короткая.

Подробнее здесь: https://stackoverflow.com/questions/796 ... log-and-fo