few styles restored

Author: jellydeck

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) [&>*:focus-visible]:(relative z-40)"
+    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)"
   >
     <slot />
   </component>

app/components/Header/AccountMenu.client.vue

@@ -59,7 +59,7 @@ function openAuthModal() {
   <div ref="accountMenuRef">
     <ButtonBase
       type="button"
-      class="border-0"
+      class="border-0 min-w-28"
       :aria-expanded="isOpen"
       aria-haspopup="true"
       @click="isOpen = !isOpen"

app/components/Header/AccountMenu.server.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="inline-flex gap-x-1.5 items-center justify-center font-mono rounded-md text-sm px-4 py-2 bg-transparent text-fg"
+    class="inline-flex gap-x-1.5 min-w-28 items-center justify-center font-mono rounded-md text-sm px-4 py-2 bg-transparent text-fg"
   >
     <span class="text-sm text-fg-muted">{{ $t('account_menu.connect') }}</span>
     <span class="i-carbon-chevron-down w-3 h-3 text-fg-muted" aria-hidden="true" />

app/components/Link/Base.vue

@@ -75,7 +75,7 @@ const isButtonMedium = computed(() => props.size === 'medium' && !isLink.value)
   </span>
   <NuxtLink
     v-else
-    class="group cursor-pointer gap-x-1.5 items-center rounded-sm outline-transparent active:scale-[0.98] focus-visible:(outline-2 outline-accent) transition-colors duration-200"
+    class="group/link cursor-pointer gap-x-1.5 items-center rounded-sm outline-transparent active:scale-[0.98] focus-visible:(outline-2 outline-accent) transition-colors duration-200"
     :class="{
       'flex': block,
       'inline-flex': !block,
@@ -106,7 +106,7 @@ const isButtonMedium = computed(() => props.size === 'medium' && !isLink.value)
     />
     <span
       v-else-if="isLinkAnchor && isLink"
-      class="i-carbon:link size-[1em] opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 transition-opacity duration-200"
+      class="i-carbon:link size-[1em] opacity-0 group-hover/link:opacity-100 group-focus-visible/link:opacity-100 transition-opacity duration-200"
       aria-hidden="true"
     />
     <kbd