From 14d0599d603c4f3db6d7ae9ff177d58fcb7a0591 Mon Sep 17 00:00:00 2001 From: Javier Segarra Date: Mon, 7 Oct 2024 13:59:16 +0200 Subject: [PATCH] style: refs #7404 give more space --- src/components/common/VnInput.vue | 5 +++-- src/css/app.scss | 5 ++++- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue index 99392444a..27d8e471c 100644 --- a/src/components/common/VnInput.vue +++ b/src/components/common/VnInput.vue @@ -138,8 +138,8 @@ const mixinRules = [ &--rounded > .q-field__inner > .q-field__control, &--labeled:not(&--outlined) > .q-field__inner > .q-field__control { - height: 40px; - align-items: center; + height: 43px; + align-items: baseline; } &--labeled { @@ -148,6 +148,7 @@ const mixinRules = [ .q-field__suffix, .q-field__input { padding-bottom: 0; + line-height: 20px; min-height: fit-content; align-items: flex-start; } diff --git a/src/css/app.scss b/src/css/app.scss index 2ac166012..2799bb450 100644 --- a/src/css/app.scss +++ b/src/css/app.scss @@ -293,10 +293,13 @@ input::-webkit-inner-spin-button { .q-field__control { min-height: auto !important; display: flex; - align-items: flex-end; + align-items: self-start; padding-bottom: 2px; .q-field__native.row { min-height: auto !important; } } } +.q-textarea.q-field--labeled .q-field__control-container { + padding-top: 23px; +}