github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-10-29 05:50:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ Make the whole current plan card clickable (#12238)

Browse Source
This commit is contained in:
María Valderrama 2026-10-09 10:46:33 +02:00 committed by GitHub
parent 4eec950b96
commit 7745c1f052
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/main/ui/dashboard/subscription.cljs
View File

@ -252,12 +252,12 @@
subscription-type (if nitrate? (:type nitrate-license) (get-subscription-type subscription))
subscription-is-trial (= "trialing" (:status (if nitrate? nitrate-license subscription)))
go-to-subscription (mf/use-fn #(st/emit! (rt/nav :settings-subscription)))]
[:div {:class (stl/css :nitrate-current-plan)}
[:div {:class (stl/css :nitrate-current-plan-label)}
[:button {:class (stl/css :nitrate-current-plan)
:type "button"
:on-click go-to-subscription}
[:span {:class (stl/css :nitrate-current-plan-label)}
(tr "subscription.current-plan.title")]
[:button {:class (stl/css :nitrate-current-plan-text)
:type "button"
:on-click go-to-subscription}
[:span {:class (stl/css :nitrate-current-plan-text)}
(case subscription-type
"professional" (tr "subscription.current-plan.professional")
"unlimited" (if subscription-is-trial

11
frontend/src/app/main/ui/dashboard/subscription.scss
View File

@ -255,12 +255,19 @@
}
.nitrate-current-plan {
display: flex;
flex-direction: column;
align-items: flex-start;
box-sizing: border-box;
inline-size: calc(100% - 2 * var(--sp-m));
border-radius: var(--sp-s);
margin-block: var(--sp-s) var(--sp-m);
margin-inline: var(--sp-m);
background: var(--color-background-tertiary);
border: $b-1 solid var(--color-background-quaternary);
padding: var(--sp-m) var(--sp-l);
text-align: start;
cursor: pointer;
}
.nitrate-current-plan-label {
@ -273,9 +280,5 @@
.nitrate-current-plan-text {
@include t.use-typography("body-medium");
background: none;
border: none;
padding: 0;
cursor: pointer;
color: var(--color-foreground-primary);
}