github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-05-30 04:08:08 +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-title-container)}
(when card-title-icon
[:> icon* {:icon-id card-title-icon
:class (stl/css :plan-title-icon)
:size "s"}])
[:span {:class (stl/css :plan-title-icon)}
[:> icon* {:icon-id card-title-icon
:size "s"}]])
[:h4 {:class (stl/css :plan-card-title)} card-title]
(when 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 {
@extend %button-icon;
stroke: var(--color-foreground-primary);
block-size: var(--sp-xl);
inline-size: var(--sp-xl);
border-radius: 6px;
border: 1.75px solid var(--color-foreground-primary);
stroke-width: 2.25px;
padding: px2rem(3);
}
.plan-title-icon svg {
block-size: var(--sp-m);
inline-size: var(--sp-m);
stroke: var(--color-foreground-primary);
stroke-width: 2.25px;
}
.plan-card-title,