fix(VProgressLinear): support rounded for larger height bars

vuetifyjs · Apr 5, 2023 · a7b1cb3 · a7b1cb3
1 parent 9395736
commit a7b1cb3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VProgressLinear/VProgressLinear.sass b/packages/vuetify/src/components/VProgressLinear/VProgressLinear.sass
@@ -9,6 +9,9 @@
   transition: $progress-linear-transition
   width: 100%
 
+  &--rounded
+    @include tools.rounded($progress-linear-border-radius)
+
 // Elements
 .v-progress-linear__background
   background: $progress-linear-background

diff --git a/packages/vuetify/src/components/VProgressLinear/_variables.scss b/packages/vuetify/src/components/VProgressLinear/_variables.scss
@@ -4,7 +4,7 @@
 $progress-linear-background: currentColor !default;
 $progress-linear-background-background: $progress-linear-background !default;
 $progress-linear-background-opacity: var(--v-border-opacity) !default;
-$progress-linear-border-radius: settings.$border-radius-root !default;
+$progress-linear-border-radius: map-get(settings.$rounded, 'pill') !default;
 $progress-linear-stream-opacity: 0.3 !default;
 $progress-linear-stripe-background-size: 40px 40px !default;
 $progress-linear-stream-border-width: 4px !default;