mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-07-13 02:37:55 +00:00
5cf647d183
## Summary Add GPT Image 2 to the `/cloud` "AI models" section, and apply the design review polish from Bert and June on the same section and the neighbouring cloud-page cards. ## Changes - **GPT Image 2 card**: 6th card in `AIModelsSection` (workflow video on `media.comfy.org`, OpenAI badge reused from `packages/design-system`), new `cloud.aiModels.card.gptImage2` i18n key (en + zh-CN), and GPT Image 2 added to the `cloud.reason.2.description` partner-model list. - **AI models layout**: the six cards are now equal 1:1 squares in one shared grey container (was a per-card treatment, then simplified to a single container per design), with a corner arrow affordance on each. - **Audience cards** (`AudienceSection`): the creators / teams cards now link to `cloud.comfy.org` with the same corner arrow (highlights on card hover). - **Reusable `CardArrow`**: extracted the corner arrow into a shared, decorative (`aria-hidden`) component used by both sections; `hover="group"` (card hover) for audience, self-hover for the model cards so it doesn't double up with the provider badge. - **`ProductCard` CTA**: swapped the hand-rolled pill `<span>` for the shared `Button` (`as="span"`) so the label is vertically centered (fixes Bert's off-centre text) without nesting an anchor inside the card link. ## Split out of this PR - **Button label centering** (the global `ppformula-text-center` tweak) → separate PR #13445, so the site-wide change is reviewed in isolation. - **Pricing banner frame fix** reverted here; it belongs in Michael's upcoming pricing PR (team tier, edu billing, FAQ). `PricingSection.vue` shows only an automatic Tailwind class-order reformat from the pre-commit hook, no behaviour change. ## Review focus - The single-container AI models layout and the `CardArrow` hover behaviour (group vs self). - `Button as="span"` inside the `ProductCard` link (avoids nested `<a>`). Linear: FE-423 --------- Co-authored-by: github-actions <github-actions@github.com>
