mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 06:20:11 +00:00
ef4e4a69d5
## Summary Enable `better-tailwindcss/enforce-consistent-class-order` lint rule and auto-fix all 1027 violations across 263 files. Stacked on #9427. ## Changes - **What**: Sort Tailwind classes into consistent order via `eslint --fix` - Enable `enforce-consistent-class-order` as `'error'` in eslint config - Purely cosmetic reordering — no behavioral or visual changes ## Review Focus Mechanical auto-fix PR — all changes are class reordering only. This is the largest diff but lowest risk since it changes no class names, only their order. **Stack:** #9417 → #9427 → **this PR** Fixes #9300 (partial — 3 of 3 rules) ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-9428-fix-enable-enforce-consistent-class-order-tailwind-lint-rule-31a6d73d3650811c9065f5178ba3e724) by [Unito](https://www.unito.io)
79 lines
2.4 KiB
Vue
79 lines
2.4 KiB
Vue
<template>
|
|
<PopoverRoot>
|
|
<PopoverTrigger as-child>
|
|
<slot />
|
|
</PopoverTrigger>
|
|
<PopoverContent
|
|
side="bottom"
|
|
:side-offset="8"
|
|
:collision-padding="10"
|
|
class="data-[state=open]:data-[side=bottom]:animate-slideUpAndFade z-1001 w-80 rounded-xl border border-border-default bg-base-background shadow-interface will-change-[transform,opacity]"
|
|
>
|
|
<div class="flex h-12 items-center justify-between px-4">
|
|
<h3 class="text-sm font-medium text-base-foreground">
|
|
{{ t('builderToolbar.connectOutput') }}
|
|
</h3>
|
|
<PopoverClose
|
|
:aria-label="t('g.close')"
|
|
class="flex cursor-pointer appearance-none items-center justify-center border-none bg-transparent p-0 text-muted-foreground hover:text-base-foreground"
|
|
>
|
|
<i class="icon-[lucide--x] size-4" />
|
|
</PopoverClose>
|
|
</div>
|
|
<div class="border-t border-border-default" />
|
|
<p class="mt-3 px-4 text-xs/relaxed text-muted-foreground">
|
|
{{ t('builderToolbar.connectOutputBody1') }}
|
|
</p>
|
|
<p
|
|
v-if="!isSelectActive"
|
|
class="mt-2 px-4 text-xs/relaxed text-muted-foreground"
|
|
>
|
|
{{ t('builderToolbar.connectOutputBody2') }}
|
|
</p>
|
|
<div class="mt-4 flex items-center justify-end gap-2 px-4 pb-4">
|
|
<template v-if="isSelectActive">
|
|
<PopoverClose as-child>
|
|
<Button variant="secondary" size="md">
|
|
{{ t('g.ok') }}
|
|
</Button>
|
|
</PopoverClose>
|
|
</template>
|
|
<template v-else>
|
|
<PopoverClose as-child>
|
|
<Button variant="muted-textonly" size="md">
|
|
{{ t('g.cancel') }}
|
|
</Button>
|
|
</PopoverClose>
|
|
<PopoverClose as-child>
|
|
<Button variant="secondary" size="md" @click="emit('switch')">
|
|
{{ t('builderToolbar.switchToOutputs') }}
|
|
</Button>
|
|
</PopoverClose>
|
|
</template>
|
|
</div>
|
|
</PopoverContent>
|
|
</PopoverRoot>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {
|
|
PopoverClose,
|
|
PopoverContent,
|
|
PopoverRoot,
|
|
PopoverTrigger
|
|
} from 'reka-ui'
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
import Button from '@/components/ui/button/Button.vue'
|
|
|
|
const { isSelectActive = false } = defineProps<{
|
|
isSelectActive?: boolean
|
|
}>()
|
|
|
|
const { t } = useI18n()
|
|
|
|
const emit = defineEmits<{
|
|
switch: []
|
|
}>()
|
|
</script>
|