[PR #14] [MERGED] Quiet the carousel shell into a flatter Comfy product #12

Closed
opened 2026-11-04 22:29:04 +00:00 by bsakaguchi · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/Comfy-Org/jpcosta-comfy-apps/pull/14
Author: @jpcosta-comfy
Created: 10/1/2026
Status: ✅ Merged
Merged: 10/1/2026
Merged by: @jpcosta-comfy

Base: main ← Head: cursor/quiet-comfy-shell-603c


📝 Commits (1)

  • d03e09a Quiet the carousel shell into a flatter Comfy product.

📊 Changes

3 files changed (+329 additions, -279 deletions)

View changed files

📝 src/app/globals.css (+307 -272)
📝 src/app/layout.tsx (+1 -1)
📝 src/components/studio.tsx (+21 -6)

📄 Description

Summary

The carousel is the same product. This only restyles the page chrome so it reads as a quieter Comfy tool: flat warm paper, hairline borders, restrained PP Formula, and the chartreuse run action as the one loud color.

Unchanged on purpose:

  • The same apps, in the same order, with the same generation, API, and serverless paths.
  • Full-width cards, a gap, the next card entering from off-screen, fade during the slide, and the ~0.99s ease.slide move.
  • The header is only the current app name. The fixed line stays “Fun apps powered by ComfyUI”.
  • Footer links still go to https://x.com/jp_costa and https://comfy.org/platform/comfy-api/.
  • Light mode. The upload control stays on one line, and phone layout still stacks so controls do not cover each other.

Test plan

  • npm run build succeeds
  • Each app still switches from the nav, the arrows, the dots, and the arrow keys
  • Desktop stays inside the viewport; the next card still enters from off-screen and fades while it moves
  • Phone layout does not overlap the run button, nav, or footer
  • “Upload image” stays on one line (the control drops as a whole unit only on a 320px-wide screen)
Open in Web Open in Cursor 

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/Comfy-Org/jpcosta-comfy-apps/pull/14 **Author:** [@jpcosta-comfy](https://github.com/jpcosta-comfy) **Created:** 10/1/2026 **Status:** ✅ Merged **Merged:** 10/1/2026 **Merged by:** [@jpcosta-comfy](https://github.com/jpcosta-comfy) **Base:** `main` ← **Head:** `cursor/quiet-comfy-shell-603c` --- ### 📝 Commits (1) - [`d03e09a`](https://github.com/Comfy-Org/jpcosta-comfy-apps/commit/d03e09a73e10241d5b1b257f1f220c65544c1ba2) Quiet the carousel shell into a flatter Comfy product. ### 📊 Changes **3 files changed** (+329 additions, -279 deletions) <details> <summary>View changed files</summary> 📝 `src/app/globals.css` (+307 -272) 📝 `src/app/layout.tsx` (+1 -1) 📝 `src/components/studio.tsx` (+21 -6) </details> ### 📄 Description <!-- CURSOR_AGENT_PR_BODY_BEGIN --> ## Summary The carousel is the same product. This only restyles the page chrome so it reads as a quieter Comfy tool: flat warm paper, hairline borders, restrained PP Formula, and the chartreuse run action as the one loud color. Unchanged on purpose: - The same apps, in the same order, with the same generation, API, and serverless paths. - Full-width cards, a gap, the next card entering from off-screen, fade during the slide, and the ~0.99s `ease.slide` move. - The header is only the current app name. The fixed line stays “Fun apps powered by ComfyUI”. - Footer links still go to https://x.com/jp_costa and https://comfy.org/platform/comfy-api/. - Light mode. The upload control stays on one line, and phone layout still stacks so controls do not cover each other. ## Test plan - [x] `npm run build` succeeds - [x] Each app still switches from the nav, the arrows, the dots, and the arrow keys - [x] Desktop stays inside the viewport; the next card still enters from off-screen and fades while it moves - [x] Phone layout does not overlap the run button, nav, or footer - [x] “Upload image” stays on one line (the control drops as a whole unit only on a 320px-wide screen) <!-- CURSOR_AGENT_PR_BODY_END --> <div><a href="https://cursor.com/agents/bc-abe70dbd-60da-5c61-939d-89f94559603c?cursor_ref=pr_footer&cursor_cta=open_in_web"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-web-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-web-light.png"><img alt="Open in Web" width="114" height="28" src="https://cursor.com/assets/images/open-in-web-dark.png"></picture></a>&nbsp;<a href="https://cursor.com/background-agent?bcId=bc-abe70dbd-60da-5c61-939d-89f94559603c&cursor_ref=pr_footer&cursor_cta=open_in_cursor"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-cursor-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-cursor-light.png"><img alt="Open in Cursor" width="131" height="28" src="https://cursor.com/assets/images/open-in-cursor-dark.png"></picture></a>&nbsp;</div> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
bsakaguchi 2026-11-04 22:29:04 +00:00
Sign in to join this conversation.
No labels
pull-request
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Comfy-Org/jpcosta-comfy-apps#12
No description provided.