github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-06 12:09:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 Change margin for current plan

Browse Source
This commit is contained in:
Marina López 2026-05-08 10:38:13 +02:00
parent f3c2c0bee2
commit 175fb67afc
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -177,11 +177,14 @@
nitrate-license (:subscription profile) nitrate-license (:subscription profile)
subscription (-> profile :props :subscription) subscription (-> profile :props :subscription)
subscription-type (if nitrate? (:type nitrate-license) (get-subscription-type subscription)) subscription-type (if nitrate? (:type nitrate-license) (get-subscription-type subscription))
subscription-is-trial (= "trialing" (:status (if nitrate? nitrate-license 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)}
[:div {:class (stl/css :nitrate-current-plan-label)} [:div {:class (stl/css :nitrate-current-plan-label)}
(tr "subscription.current-plan.title")] (tr "subscription.current-plan.title")]
[:div {:class (stl/css :nitrate-current-plan-text)} [:button {:class (stl/css :nitrate-current-plan-text)
:type "button"
:on-click go-to-subscription}
(case subscription-type (case subscription-type
"professional" (tr "subscription.current-plan.professional") "professional" (tr "subscription.current-plan.professional")
"unlimited" (if subscription-is-trial "unlimited" (if subscription-is-trial

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

@ -254,7 +254,8 @@
.nitrate-current-plan { .nitrate-current-plan {
border-radius: var(--sp-s); border-radius: var(--sp-s);
margin: var(--sp-m); margin-block: var(--sp-s) var(--sp-m);
margin-inline: var(--sp-m);
background: var(--color-background-tertiary); background: var(--color-background-tertiary);
border: $b-1 solid var(--color-background-quaternary); border: $b-1 solid var(--color-background-quaternary);
padding: var(--sp-m) var(--sp-l); padding: var(--sp-m) var(--sp-l);
@ -270,5 +271,9 @@
.nitrate-current-plan-text { .nitrate-current-plan-text {
@include t.use-typography("body-medium"); @include t.use-typography("body-medium");
background: none;
border: none;
padding: 0;
cursor: pointer;
color: var(--color-foreground-primary); color: var(--color-foreground-primary);
} }