Проблема при изменении высоты v-textarea по умолчанию ⇐ CSS

[Anonymous]

Я изменил высоту по умолчанию для всех полей в своем приложении, переопределив переменные sass по умолчанию, и теперь моя v-текстовая область не увеличивается, когда содержимое внутри занимает более одной строки (другими словами, ее высота остается прежней).
/>Я пробовал играть с переменными, и похоже, что проблема возникает из-за $field-input-min-height.
Кто-нибудь знает, можно ли изменить высоту полей по умолчанию, не нарушая правила v-текстовые области? Спасибо
Вот переопределенные переменные sass:
$field-control-height: 30px,
$input-control-height: 30px,
$field-input-min-height: 30px,
$field-input-padding-top: 4px,
$field-input-padding-bottom: 4px,
$field-control-underlined-height: 30px,

А вот компонент v-textarea, который я использую повсюду в своем приложении:





defineProps({
clearable: {
type: Boolean,
default: false,
},
disableMessage: {
type: Boolean,
default: false,
},
readonly: {
type: Boolean,
default: false,
},
type: {
type: String,
default: "text",
},
});



.v-textarea {
color: rgb(var(--v-theme-text)) !important;
}

.disable-message .v-input__details {
display: none;
}



Подробнее здесь: https://stackoverflow.com/questions/793 ... rea-height