diff options
| author | Aaron Iker <[email protected]> | 2026-01-15 23:49:40 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-01-15 23:49:40 +0100 |
| commit | 7443b9929556d5c86a89df3df95af720bd82cd80 (patch) | |
| tree | 29731994fd343404f7a98c6751a6578f6a833ddb /packages/console/app/src/routes/black | |
| parent | 306fc05c0096efde6b01c86f87757644150528bd (diff) | |
| download | opencode-7443b9929556d5c86a89df3df95af720bd82cd80.tar.gz opencode-7443b9929556d5c86a89df3df95af720bd82cd80.zip | |
feat(console): Fix /black page View Transition Safari issue (#8755)
Diffstat (limited to 'packages/console/app/src/routes/black')
| -rw-r--r-- | packages/console/app/src/routes/black/index.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/console/app/src/routes/black/index.tsx b/packages/console/app/src/routes/black/index.tsx index af533f879..5ea5c3e92 100644 --- a/packages/console/app/src/routes/black/index.tsx +++ b/packages/console/app/src/routes/black/index.tsx @@ -49,10 +49,10 @@ export default function Black() { data-slot="pricing-card" style={{ "view-transition-name": `card-${plan.id}` }} > - <div data-slot="icon" style={{ "view-transition-name": `icon-${plan.id}` }}> + <div data-slot="icon"> <PlanIcon plan={plan.id} /> </div> - <p data-slot="price" style={{ "view-transition-name": `price-${plan.id}` }}> + <p data-slot="price"> <span data-slot="amount">${plan.id}</span> <span data-slot="period">per month</span> <Show when={plan.multiplier}> <span data-slot="multiplier">{plan.multiplier}</span> @@ -67,10 +67,10 @@ export default function Black() { {(plan) => ( <div data-slot="selected-plan"> <div data-slot="selected-card" style={{ "view-transition-name": `card-${plan().id}` }}> - <div data-slot="icon" style={{ "view-transition-name": `icon-${plan().id}` }}> + <div data-slot="icon"> <PlanIcon plan={plan().id} /> </div> - <p data-slot="price" style={{ "view-transition-name": `price-${plan().id}` }}> + <p data-slot="price"> <span data-slot="amount">${plan().id}</span>{" "} <span data-slot="period">per person billed monthly</span> <Show when={plan().multiplier}> |