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

🐛 Fix subscription plan icon alignment (#9857)

Browse Source
This commit is contained in:
Marina López 2026-05-25 15:49:16 +02:00 committed by GitHub
parent 0b84ada977
commit b9e13c12f2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/main/ui/settings/subscription.cljs
View File

@ -50,9 +50,9 @@
[:div {:class (stl/css :plan-card-header)} [:div {:class (stl/css :plan-card-header)}
[:div {:class (stl/css :plan-card-title-container)} [:div {:class (stl/css :plan-card-title-container)}
(when card-title-icon (when card-title-icon
[:> icon* {:icon-id card-title-icon [:span {:class (stl/css :plan-title-icon)}
:class (stl/css :plan-title-icon) [:> icon* {:icon-id card-title-icon
:size "s"}]) :size "s"}]])
[:h4 {:class (stl/css :plan-card-title)} card-title] [:h4 {:class (stl/css :plan-card-title)} card-title]
(when recommended (when recommended
[:& badge-notification {:content (tr "subscription.settings.recommended") [:& badge-notification {:content (tr "subscription.settings.recommended")

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

@ -98,18 +98,15 @@
.plan-title-icon { .plan-title-icon {
@extend %button-icon; @extend %button-icon;
stroke: var(--color-foreground-primary);
block-size: var(--sp-xl); block-size: var(--sp-xl);
inline-size: var(--sp-xl); inline-size: var(--sp-xl);
border-radius: 6px; border-radius: 6px;
border: 1.75px solid var(--color-foreground-primary); border: 1.75px solid var(--color-foreground-primary);
stroke-width: 2.25px;
padding: px2rem(3);
} }
.plan-title-icon svg { .plan-title-icon svg {
block-size: var(--sp-m); stroke: var(--color-foreground-primary);
inline-size: var(--sp-m); stroke-width: 2.25px;
} }
.plan-card-title, .plan-card-title,