summaryrefslogtreecommitdiffhomepage
path: root/packages/console/app/src/routes/black
diff options
context:
space:
mode:
Diffstat (limited to 'packages/console/app/src/routes/black')
-rw-r--r--packages/console/app/src/routes/black/index.tsx8
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}>