Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-05-03 12:42:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: enable enforce-canonical-classes tailwind lint rule (#9427)

Browse Source 
## Summary

Enable `better-tailwindcss/enforce-canonical-classes` lint rule and
auto-fix all 611 violations across 173 files. Stacked on #9417.

## Changes

- **What**: Simplify Tailwind classes to canonical forms via `eslint
--fix`:
  - `h-X w-X` → `size-X`
  - `overflow-x-hidden overflow-y-hidden` → `overflow-hidden`
  - and other canonical simplifications
- Enable `enforce-canonical-classes` as `'error'` in eslint config

## Review Focus

Mechanical auto-fix PR — all changes produced by `eslint --fix`. No
visual or behavioral changes; canonical forms are functionally
identical.

**Stack:** #9417 → **this PR** → PR 3 (class order)

Fixes #9300 (partial — 2 of 3 rules)

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-9427-fix-enable-enforce-canonical-classes-tailwind-lint-rule-31a6d73d365081a49340d7d4640ede45)
by [Unito](https://www.unito.io)
This commit is contained in:
Christian Byrne
2026-03-05 17:07:46 -08:00
committed by GitHub
parent 1bac5d9bdd
commit 1221756e05
174 changed files with 344 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/platform/workspace/components/PricingTableWorkspace.vue
View File

@@ -56,7 +56,7 @@
<div class="p-8 pb-0 flex flex-col gap-8">
<div class="flex flex-row items-center gap-2 justify-between">
<span
class="font-inter text-base font-bold leading-normal text-base-foreground"
class="font-inter text-base/normal font-bold text-base-foreground"
>
{{ tier.name }}
</span>
@@ -81,9 +81,7 @@
</span>
${{ getPrice(tier) }}
</span>
<span
class="font-inter text-sm leading-normal text-base-foreground"
>
<span class="font-inter text-sm/normal text-base-foreground">
{{ t('subscription.usdPerMonthPerMember') }}
</span>
</div>
@@ -109,7 +107,7 @@
<div class="flex flex-row items-center gap-1">
<i class="icon-[lucide--component] text-amber-400 text-sm" />
<span
class="font-inter text-sm font-bold leading-normal text-base-foreground"
class="font-inter text-sm/normal font-bold text-base-foreground"
>
{{ n(getMonthlyCreditsPerMember(tier)) }}
</span>
@@ -121,7 +119,7 @@
{{ t('subscription.maxMembersLabel') }}
</span>
<span
class="font-inter text-sm font-bold leading-normal text-base-foreground"
class="font-inter text-sm/normal font-bold text-base-foreground"
>
{{ getMaxMembers(tier) }}
</span>
@@ -132,7 +130,7 @@
{{ t('subscription.maxDurationLabel') }}
</span>
<span
class="font-inter text-sm font-bold leading-normal text-base-foreground"
class="font-inter text-sm/normal font-bold text-base-foreground"
>
{{ tier.maxDuration }}
</span>
@@ -166,9 +164,7 @@
<div class="flex flex-col gap-2">
<div class="flex flex-row items-start justify-between">
<div class="flex flex-col gap-2">
<span
class="text-sm font-normal text-foreground leading-relaxed"
>
<span class="text-sm/relaxed font-normal text-foreground">
{{ t('subscription.videoEstimateLabel') }}
</span>
<div class="flex flex-row items-center gap-2 group pt-2">
@@ -184,7 +180,7 @@
</div>
</div>
<span
class="font-inter text-sm font-bold leading-normal text-base-foreground"
class="font-inter text-sm/normal font-bold text-base-foreground"
>
~{{ n(tier.pricing.videoEstimate) }}
</span>
@@ -231,7 +227,7 @@
}"
>
<div class="flex flex-col gap-2">
<p class="text-sm text-base-foreground leading-normal">
<p class="text-sm/normal text-base-foreground">
{{ t('subscription.videoEstimateExplanation') }}
</p>
<a