💄 Change margin for current plan

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

View File

@ -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

View File

@ -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);
}