use scale-100 instead of scale-1

jellydeck · jellydeck · commit 2b855e34b041 · 2026-02-12T18:57:21.000+05:30
diff --git a/app/components/Button/Group.vue b/app/components/Button/Group.vue
@@ -7,7 +7,7 @@ const props = defineProps<{
 <template>
   <component
     :is="props.as || 'div'"
-    class="inline-flex items-stretch [&>*:not(:first-child)]:(-ms-px rounded-is-none) [&>*:not(:last-child)]:rounded-ie-none [&>*:hover]:(relative z-40 scale-1) [&>*:active]:scale-1 [&>*:focus-visible]:(relative z-40)"
+    class="inline-flex items-stretch [&>*:not(:first-child)]:(-ml-px rounded-is-none) [&>*:not(:last-child)]:rounded-ie-none [&>*]:(relative) [&>*:hover]:(z-10 !scale-100) [&>*:focus-visible]:(z-40) [&>*:active]:(z-10 !scale-100)"
   >
     <slot />
   </component>

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ const props = defineProps<{`
`7`	`7`	`<template>`
`8`	`8`	`<component`
`9`	`9`	`:is="props.as \|\| 'div'"`
`10`		`- class="inline-flex items-stretch [&>:not(:first-child)]:(-ms-px rounded-is-none) [&>:not(:last-child)]:rounded-ie-none [&>:hover]:(relative z-40 scale-1) [&>:active]:scale-1 [&>*:focus-visible]:(relative z-40)"`
	`10`	`+ class="inline-flex items-stretch [&>:not(:first-child)]:(-ml-px rounded-is-none) [&>:not(:last-child)]:rounded-ie-none [&>]:(relative) [&>:hover]:(z-10 !scale-100) [&>:focus-visible]:(z-40) [&>:active]:(z-10 !scale-100)"`
`11`	`11`	`>`
`12`	`12`	`<slot />`
`13`	`13`	`</component>`