fix(VInput): reduce vertical height caused by details

vuetifyjs · Aug 8, 2022 · d938634 · d938634
1 parent fae7a42
commit d938634
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/packages/vuetify/src/components/VInput/VInput.sass b/packages/vuetify/src/components/VInput/VInput.sass
@@ -45,7 +45,6 @@
   grid-area: messages
   letter-spacing: $input-details-letter-spacing
   line-height: $input-details-line-height
-  margin-bottom: $input-details-margin-bottom
   min-height: $input-details-min-height
   padding-top: $input-details-padding-above
   overflow: hidden
@@ -83,4 +82,5 @@
   grid-area: append
 
 .v-input__control
+  display: flex
   grid-area: control
diff --git a/packages/vuetify/src/components/VInput/_variables.scss b/packages/vuetify/src/components/VInput/_variables.scss
@@ -13,7 +13,6 @@ $input-details-font-size: .75rem !default;
 $input-details-font-weight: 400 !default;
 $input-details-letter-spacing: .0333333333em !default;
 $input-details-line-height: normal !default;
-$input-details-margin-bottom: 16px !default;
 $input-details-min-height: 22px !default;
 $input-details-padding-above: 6px !default;
 $input-details-transition: 150ms settings.$standard-easing !default;