fix(VBtn): size loader based on em

fixes vuetifyjs#9870
miqdigital · Apr 4, 2024 · e7297e6 · e7297e6
1 parent c34e8ce
commit e7297e6
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VBtn/VBtn.sass b/packages/vuetify/src/components/VBtn/VBtn.sass
@@ -174,6 +174,10 @@
   top: 0
   width: 100%
 
+  > .v-progress-circular
+    width: $button-loader-size
+    height: $button-loader-size
+
 .v-btn__content,
 .v-btn__prepend,
 .v-btn__append

diff --git a/packages/vuetify/src/components/VBtn/VBtn.tsx b/packages/vuetify/src/components/VBtn/VBtn.tsx
@@ -284,7 +284,6 @@ export const VBtn = genericComponent<VBtnSlots>()({
                 <VProgressCircular
                   color={ typeof props.loading === 'boolean' ? undefined : props.loading }
                   indeterminate
-                  size="23"
                   width="2"
                 />
               )}

diff --git a/packages/vuetify/src/components/VBtn/_variables.scss b/packages/vuetify/src/components/VBtn/_variables.scss
@@ -32,6 +32,7 @@ $button-stacked-icon-margin: 4px !default;
 $button-icon-border-radius: map.get(settings.$rounded, 'circle') !default;
 $button-icon-font-size: 1rem !default;
 $button-line-height: normal !default;
+$button-loader-size: 1.5em !default;
 $button-stacked-line-height: 1.25 !default;
 $button-plain-opacity: .62 !default;
 $button-padding-ratio: 2.25 !default;