chore: fix indent when prependIcon is on VListGroup

vuetifyjs · Nov 8, 2024 · e90e191 · e90e191
1 parent a944d2e
commit e90e191
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/packages/vuetify/src/components/VList/VListGroup.tsx b/packages/vuetify/src/components/VList/VListGroup.tsx
@@ -95,8 +95,8 @@ export const VListGroup = genericComponent<VListGroupSlots>()({
         class={[
           'v-list-group',
           {
-            'v-list-group--prepend': list?.hasPrepend.value,
             'v-list-group--fluid': props.fluid,
+            'v-list-group--hasPrependIcon': props.prependIcon,
             'v-list-group--subgroup': props.subgroup,
             'v-list-group--open': isOpen.value,
           },

diff --git a/packages/vuetify/src/components/VList/VListItem.sass b/packages/vuetify/src/components/VList/VListItem.sass
@@ -307,8 +307,8 @@
     &--fluid
       --list-indent-size: 0px
 
-    &--fluid.v-list-group--prepend
-      --parent-padding: var(--indent-padding)
+    &--hasPrependIcon
+      --parent-padding: calc(var(--indent-padding) + var(--prepend-width))
 
   .v-list-group__items
     --indent-padding: calc(var(--parent-padding) + var(--list-indent-size))

diff --git a/packages/vuetify/src/components/VList/VListItem.tsx b/packages/vuetify/src/components/VList/VListItem.tsx
@@ -224,7 +224,6 @@ export const VListItem = genericComponent<VListItemSlots>()({
               'v-list-item--disabled': props.disabled,
               'v-list-item--link': isClickable.value,
               'v-list-item--nav': props.nav,
-              'v-list-item--prepend': !hasPrepend && list?.hasPrepend.value,
               'v-list-item--slim': props.slim,
               [`${props.activeClass}`]: props.activeClass && isActive.value,
             },