mirror of
https://github.com/penpot/penpot.git
synced 2026-05-09 01:58:46 +00:00
💄 Change margin for current plan
This commit is contained in:
parent
f3c2c0bee2
commit
175fb67afc
@ -177,11 +177,14 @@
|
||||
nitrate-license (:subscription profile)
|
||||
subscription (-> profile :props :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-label)}
|
||||
(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
|
||||
"professional" (tr "subscription.current-plan.professional")
|
||||
"unlimited" (if subscription-is-trial
|
||||
|
||||
@ -254,7 +254,8 @@
|
||||
|
||||
.nitrate-current-plan {
|
||||
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);
|
||||
border: $b-1 solid var(--color-background-quaternary);
|
||||
padding: var(--sp-m) var(--sp-l);
|
||||
@ -270,5 +271,9 @@
|
||||
.nitrate-current-plan-text {
|
||||
@include t.use-typography("body-medium");
|
||||
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
color: var(--color-foreground-primary);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user