chore: fix invalid html markup in `SettingsToggleItem` (#2810)

zio/dev
Joaquín Sánchez 2024-05-29 05:42:58 +02:00 committed by GitHub
parent 7047968cfc
commit 2c889a39b8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 14 deletions

View File

@ -15,34 +15,34 @@ const { disabled = false } = defineProps<{
:disabled="disabled" :disabled="disabled"
:class="disabled ? 'opacity-50 cursor-not-allowed' : ''" :class="disabled ? 'opacity-50 cursor-not-allowed' : ''"
> >
<div <span
w-full flex px5 py3 md:gap2 gap4 items-center w-full flex px5 py3 md:gap2 gap4 items-center
transition-250 transition-250
:class="disabled ? '' : 'group-hover:bg-active'" :class="disabled ? '' : 'group-hover:bg-active'"
group-focus-visible:ring="2 current" group-focus-visible:ring="2 current"
> >
<div flex-1 flex items-center md:gap2 gap4> <span flex-1 flex items-center md:gap2 gap4>
<div <span
v-if="icon" flex items-center justify-center v-if="icon" flex items-center justify-center
flex-shrink-0 flex-shrink-0
:class="$slots.description ? 'w-12 h-12' : ''" :class="$slots.description ? 'w-12 h-12' : ''"
> >
<slot name="icon"> <slot name="icon">
<div v-if="icon" :class="icon" md:text-size-inherit text-xl /> <span v-if="icon" :class="icon" md:text-size-inherit text-xl />
</slot> </slot>
</div> </span>
<div space-y-1> <span space-y-1>
<p :class="checked ? 'text-base' : 'text-secondary'"> <span :class="checked ? 'text-base' : 'text-secondary'">
<slot> <slot>
<span>{{ text }}</span> <span>{{ text }}</span>
</slot> </slot>
</p> </span>
<p v-if="$slots.description" text-sm text-secondary> <span v-if="$slots.description" block text-sm text-secondary>
<slot name="description" /> <slot name="description" />
</p> </span>
</div> </span>
</div> </span>
<div text-lg :class="checked ? 'i-ri-checkbox-line text-primary' : 'i-ri-checkbox-blank-line text-secondary'" /> <span text-lg :class="checked ? 'i-ri-checkbox-line text-primary' : 'i-ri-checkbox-blank-line text-secondary'" />
</div> </span>
</button> </button>
</template> </template>