mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-21 06:49:37 +00:00
493b1e42aa
## Summary Enable `better-tailwindcss/no-deprecated-classes` lint rule and auto-fix all 103 violations across 65 files. First PR in a stacked series for #9300. ## Changes - **What**: Replace deprecated Tailwind v3 classes with v4 equivalents: - `rounded` → `rounded-sm` (85) - `flex-shrink-0` → `shrink-0` (16) - `flex-grow` → `grow` (2) - Enable `no-deprecated-classes` as `'error'` in eslint config - Update one test asserting on `'rounded'` class string ## Review Focus Mechanical auto-fix PR — all changes produced by `eslint --fix`. No visual or behavioral changes (Tailwind v4 aliases these classes identically). Fixes #9300 (partial — 1 of 3 rules) ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-9417-fix-enable-no-deprecated-classes-tailwind-lint-rule-31a6d73d3650819eaef4cf8ad84fb186) by [Unito](https://www.unito.io) Co-authored-by: Alexander Brown <drjkl@comfy.org>
31 lines
618 B
Vue
31 lines
618 B
Vue
<template>
|
|
<div
|
|
class="absolute left-2 bottom-2 flex flex-wrap justify-start gap-1 select-none"
|
|
>
|
|
<span
|
|
v-for="badge in badges"
|
|
:key="badge.label"
|
|
:class="
|
|
cn(
|
|
'px-2 py-1 rounded-sm text-xs font-bold uppercase tracking-wider text-modal-card-tag-foreground bg-modal-card-tag-background break-all'
|
|
)
|
|
"
|
|
>
|
|
{{ badge.label }}
|
|
</span>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { cn } from '@/utils/tailwindUtil'
|
|
|
|
type AssetBadge = {
|
|
label: string
|
|
type: 'type' | 'base' | 'size'
|
|
}
|
|
|
|
defineProps<{
|
|
badges: AssetBadge[]
|
|
}>()
|
|
</script>
|