[PR #9] [MERGED] Slide between apps on a horizontal track #9

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

📋 Pull Request Information

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

Base: main ← Head: cursor/carousel-slide-8ac0


📝 Commits (1)

  • f132783 Slide between apps on a horizontal track.

📊 Changes

2 files changed (+254 additions, -17 deletions)

View changed files

📝 src/app/globals.css (+45 -4)
📝 src/components/studio.tsx (+209 -13)

📄 Description

Switching apps now slides the card row sideways instead of swapping it in place. The header, subtitle, and footer stay put. The title updates with the active app and does not replay a type sweep.

The move lasts 0.99s. It accelerates early, peaks around a third of the way through, then eases to a stop with no overshoot or bounce. Next moves content in from the right. Previous moves it in from the left. The row wraps, and the side slivers of the neighboring cards are clickable on desktop.

Checks

  • npm run lint
  • npx tsc --noEmit
  • npm run build

Screenshots

Desktop, Paparazzi Me sliding toward Background removal (frozen mid-move):

Desktop mid-slide from Paparazzi Me to Background removal

Phone, same switch. Neighbors are full-bleed, so both cards share the row while it moves:

Mobile mid-slide from Paparazzi Me to Background removal

To show artifacts inline, enable in settings.

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/9 **Author:** [@jpcosta-comfy](https://github.com/jpcosta-comfy) **Created:** 10/1/2026 **Status:** ✅ Merged **Merged:** 10/1/2026 **Merged by:** [@cursor[bot]](https://github.com/apps/cursor) **Base:** `main` ← **Head:** `cursor/carousel-slide-8ac0` --- ### 📝 Commits (1) - [`f132783`](https://github.com/Comfy-Org/jpcosta-comfy-apps/commit/f13278347980fc926aecf80424387a019ea13d47) Slide between apps on a horizontal track. ### 📊 Changes **2 files changed** (+254 additions, -17 deletions) <details> <summary>View changed files</summary> 📝 `src/app/globals.css` (+45 -4) 📝 `src/components/studio.tsx` (+209 -13) </details> ### 📄 Description <!-- CURSOR_AGENT_PR_BODY_BEGIN --> Switching apps now slides the card row sideways instead of swapping it in place. The header, subtitle, and footer stay put. The title updates with the active app and does not replay a type sweep. The move lasts 0.99s. It accelerates early, peaks around a third of the way through, then eases to a stop with no overshoot or bounce. Next moves content in from the right. Previous moves it in from the left. The row wraps, and the side slivers of the neighboring cards are clickable on desktop. ## Checks - `npm run lint` - `npx tsc --noEmit` - `npm run build` ## Screenshots Desktop, Paparazzi Me sliding toward Background removal (frozen mid-move): [Desktop mid-slide from Paparazzi Me to Background removal](https://cursor.com/agents/bc-80673088-d76f-5c4b-b113-f09a5d2f8ac0/artifacts?path=%2Fopt%2Fcursor%2Fartifacts%2Fscreenshots%2Fdesktop-mid-slide.png) Phone, same switch. Neighbors are full-bleed, so both cards share the row while it moves: [Mobile mid-slide from Paparazzi Me to Background removal](https://cursor.com/agents/bc-80673088-d76f-5c4b-b113-f09a5d2f8ac0/artifacts?path=%2Fopt%2Fcursor%2Fartifacts%2Fscreenshots%2Fmobile-mid-slide.png) <sub>To show artifacts inline, <a href="https://cursor.com/dashboard/cloud-agents#my-pull-requests">enable</a> in settings.</sub> <!-- CURSOR_AGENT_PR_BODY_END --> <div><a href="https://cursor.com/agents/bc-80673088-d76f-5c4b-b113-f09a5d2f8ac0?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-80673088-d76f-5c4b-b113-f09a5d2f8ac0&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:02 +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#9
No description provided.