Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-22 23:39:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Upgrade: Tailwind v4 (#5246)

Browse Source 
* temp: move tailwind calls out of the layer

* temp: ts tailwind config

* upgrade: Tailwind v4
This got a little out of hand.
Had to add a relative reference to the stylesheet in any component that uses @apply instead of the utility classes directly.

* upgrade: bg-opacity is now a modifier

* fix: Classic menu buttons assume a border

* Update test expectations [skip ci]

* fix: New preflight removal pattern

* fix: Skeletons don't have skin

* Update test expectations [skip ci]

* fix: Missing @reference

* [auto-fix] Apply ESLint and Prettier fixes

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: GitHub Action <action@github.com>
This commit is contained in:
Alexander Brown
2025-09-03 12:37:43 -07:00
committed by GitHub
parent caee3832a5
commit 85017dbba0
263 changed files with 640 additions and 488 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/css/style.css
View File

@@ -1,9 +1,11 @@
@layer primevue, tailwind-utilities;
@layer theme, base, primevue, components, utilities;
@layer tailwind-utilities {
@tailwind components;
@tailwind utilities;
}
@import 'tailwindcss/theme' layer(theme);
@import 'tailwindcss/utilities' layer(utilities);
@plugin "tailwindcss-primeui";
@config '../../../tailwind.config.ts';
:root {
--fg-color: #000;
@@ -255,6 +257,7 @@ button.comfy-close-menu-btn {
.comfy-modal button {
color: var(--input-text);
background-color: var(--comfy-input-bg);
border-width: initial;
border-radius: 8px;
border-color: var(--border-color);
border-style: solid;