mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-03-13 17:10:06 +00:00
fix: enable enforce-consistent-class-order tailwind lint rule (#9428)
## 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)
This commit is contained in:
Christian Byrne
@@ -33,7 +33,7 @@
|
||||
:data-testid="`section-content-${section.id}`"
|
||||
class="overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down"
|
||||
>
|
||||
<ul class="max-h-25 overflow-y-auto px-6 pb-1 pt-0.5">
|
||||
<ul class="max-h-25 overflow-y-auto px-6 pt-0.5 pb-1">
|
||||
<li
|
||||
v-for="item in section.items"
|
||||
:key="item.id"
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
</template>
|
||||
|
||||
<template v-else-if="error">
|
||||
<main class="flex flex-col items-center gap-4 px-8 py-8">
|
||||
<main class="flex flex-col items-center gap-4 p-8">
|
||||
<i
|
||||
class="icon-[lucide--circle-alert] size-8 text-warning-background"
|
||||
aria-hidden="true"
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="rounded-lg flex flex-col gap-3">
|
||||
<div class="flex flex-col gap-3 rounded-lg">
|
||||
<CollapsibleRoot
|
||||
v-model:open="isWarningExpanded"
|
||||
class="overflow-hidden rounded-lg bg-secondary-background"
|
||||
|
||||
@@ -88,7 +88,7 @@
|
||||
</p>
|
||||
<p
|
||||
v-if="isLoadingAssets"
|
||||
class="m-0 text-sm italic text-muted-foreground"
|
||||
class="m-0 text-sm text-muted-foreground italic"
|
||||
>
|
||||
{{ $t('shareWorkflow.checkingAssets') }}
|
||||
</p>
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
{{ $t('comfyHubProfile.chooseProfilePicture') }}
|
||||
</label>
|
||||
<label
|
||||
class="flex size-13 cursor-pointer items-center justify-center overflow-hidden rounded-full bg-gradient-to-b from-green-600/50 to-green-900"
|
||||
class="flex size-13 cursor-pointer items-center justify-center overflow-hidden rounded-full bg-linear-to-b from-green-600/50 to-green-900"
|
||||
>
|
||||
<input
|
||||
id="profile-picture"
|
||||
@@ -68,7 +68,7 @@
|
||||
<span
|
||||
:class="
|
||||
cn(
|
||||
'pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-sm',
|
||||
'pointer-events-none absolute top-1/2 left-4 -translate-y-1/2 text-sm',
|
||||
username ? 'text-base-foreground' : 'text-muted-foreground'
|
||||
)
|
||||
"
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
<section class="flex flex-col items-center gap-4 px-4 pb-6 pt-4">
|
||||
<section class="flex flex-col items-center gap-4 px-4 pt-4 pb-6">
|
||||
<h2 class="m-0 text-base font-semibold text-base-foreground">
|
||||
{{ $t('comfyHubProfile.introTitle') }}
|
||||
</h2>
|
||||
|
||||
@@ -57,7 +57,7 @@
|
||||
<TagsInput
|
||||
v-slot="{ isEmpty }"
|
||||
always-editing
|
||||
class="select-none bg-secondary-background"
|
||||
class="bg-secondary-background select-none"
|
||||
:model-value="tags"
|
||||
@update:model-value="$emit('update:tags', $event as string[])"
|
||||
>
|
||||
@@ -70,18 +70,18 @@
|
||||
|
||||
<TagsInput
|
||||
disabled
|
||||
class="bg-transparent hover:bg-transparent hover-within:bg-transparent p-0"
|
||||
class="hover-within:bg-transparent bg-transparent p-0 hover:bg-transparent"
|
||||
>
|
||||
<div
|
||||
v-if="displayedSuggestions.length > 0"
|
||||
class="basis-full flex flex-wrap gap-2"
|
||||
class="flex basis-full flex-wrap gap-2"
|
||||
>
|
||||
<TagsInputItem
|
||||
v-for="tag in displayedSuggestions"
|
||||
:key="tag"
|
||||
v-auto-animate
|
||||
:value="tag"
|
||||
class="cursor-pointer select-none transition-colors bg-secondary-background hover:bg-secondary-background-selected text-muted-foreground px-2"
|
||||
class="cursor-pointer bg-secondary-background px-2 text-muted-foreground transition-colors select-none hover:bg-secondary-background-selected"
|
||||
@click="addTag(tag)"
|
||||
>
|
||||
<TagsInputItemText />
|
||||
@@ -91,7 +91,7 @@
|
||||
v-if="shouldShowSuggestionToggle"
|
||||
variant="muted-textonly"
|
||||
size="unset"
|
||||
class="text-xs px-0 hover:bg-unset"
|
||||
class="hover:bg-unset px-0 text-xs"
|
||||
@click="showAllSuggestions = !showAllSuggestions"
|
||||
>
|
||||
{{
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
tabindex="0"
|
||||
role="button"
|
||||
:aria-label="$t('comfyHubPublish.uploadExampleImage')"
|
||||
class="flex h-25 aspect-square text-center cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border-default transition-colors hover:border-muted-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
|
||||
class="focus-visible:outline-ring flex aspect-square h-25 cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border-default text-center transition-colors hover:border-muted-foreground focus-visible:outline-2 focus-visible:outline-offset-2"
|
||||
@dragenter.stop
|
||||
@dragleave.stop
|
||||
@dragover.prevent.stop
|
||||
@@ -49,7 +49,7 @@
|
||||
:class="
|
||||
cn(
|
||||
'relative h-25 cursor-pointer overflow-hidden rounded-sm p-0',
|
||||
isSelected(image.id) ? 'ring-2 ring-ring' : 'ring-0'
|
||||
isSelected(image.id) ? 'ring-ring ring-2' : 'ring-0'
|
||||
)
|
||||
"
|
||||
@click="toggleSelection(image.id)"
|
||||
@@ -57,7 +57,7 @@
|
||||
<img
|
||||
:src="image.url"
|
||||
:alt="$t('comfyHubPublish.exampleImage', { index: index + 1 })"
|
||||
class="h-full w-full object-cover"
|
||||
class="size-full object-cover"
|
||||
/>
|
||||
<div
|
||||
v-if="isSelected(image.id)"
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
size="md"
|
||||
>
|
||||
<template #leftPanelHeaderTitle>
|
||||
<h2 class="flex-1 select-none text-base font-semibold">
|
||||
<h2 class="flex-1 text-base font-semibold select-none">
|
||||
{{ $t('comfyHubPublish.title') }}
|
||||
</h2>
|
||||
</template>
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
severity="contrast"
|
||||
:class="
|
||||
cn(
|
||||
'size-5 shrink-0 border text-xs font-bold font-inter bg-transparent',
|
||||
'size-5 shrink-0 border bg-transparent font-inter text-xs font-bold',
|
||||
isCurrentStep(step.name)
|
||||
? 'border-base-foreground bg-base-foreground text-base-background'
|
||||
: isCompletedStep(step.name)
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
:on-close="onGateClose"
|
||||
:show-close-button="false"
|
||||
/>
|
||||
<div v-else class="flex min-h-0 flex-1 flex-col px-6 pb-2 pt-4">
|
||||
<div v-else class="flex min-h-0 flex-1 flex-col px-6 pt-4 pb-2">
|
||||
<div class="flex min-h-0 flex-1 flex-col overflow-y-auto">
|
||||
<ComfyHubDescribeStep
|
||||
v-if="currentStep === 'describe'"
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
|
||||
<template v-if="thumbnailType === 'imageComparison'">
|
||||
<div
|
||||
class="flex-1 grid grid-cols-1 grid-rows-1 place-content-center-safe"
|
||||
class="grid flex-1 grid-cols-1 grid-rows-1 place-content-center-safe"
|
||||
>
|
||||
<div
|
||||
v-if="hasBothComparisonImages"
|
||||
@@ -50,12 +50,12 @@
|
||||
<img
|
||||
:src="comparisonPreviewUrls.after!"
|
||||
:alt="$t('comfyHubPublish.uploadComparisonAfterPrompt')"
|
||||
class="h-full w-full object-contain"
|
||||
class="size-full object-contain"
|
||||
/>
|
||||
<img
|
||||
:src="comparisonPreviewUrls.before!"
|
||||
:alt="$t('comfyHubPublish.uploadComparisonBeforePrompt')"
|
||||
class="absolute inset-0 h-full w-full object-contain"
|
||||
class="absolute inset-0 size-full object-contain"
|
||||
:style="{
|
||||
clipPath: `inset(0 ${100 - previewSliderPosition}% 0 0)`
|
||||
}"
|
||||
|
||||
Reference in New Issue
Block a user