github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-11-06 01:50:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix typography in Settings (#12841)

Browse Source
This commit is contained in:
Belén Albeza 2026-11-05 11:39:43 +01:00 committed by GitHub
parent 9349c3b778
commit c6a9e62a4a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/main/ui/settings/options.cljs
View File

@ -58,7 +58,10 @@
:on-submit on-submit
:form form}
[:h3 (tr "labels.language")]
[:> heading* {:level 3
:typography t/headline-small
:class (stl/css :section-title)}
(tr "labels.language")]
[:div {:class (stl/css :fields-row)}
[:& fm/select {:options (into [{:label "Auto (browser)" :value ""}]
@ -68,7 +71,10 @@
:name :lang
:data-testid "setting-lang"}]]
[:h3 (tr "dashboard.theme-change")]
[:> heading* {:level 3
:typography t/headline-small
:class (stl/css :section-title)}
(tr "dashboard.theme-change")]
[:div {:class (stl/css :fields-row)}
[:& fm/select {:label (tr "dashboard.select-ui-theme")
:name :theme
@ -128,7 +134,7 @@
[:div {:class (stl/css :form-container) :data-testid "settings-form"}
[:> heading* {:level 2
:typography t/title-large
:class (stl/css :color-primary)
:class (stl/css :page-title)
:id "options-section-title"}
(tr "labels.settings")]
[:> options-form*]]

10
frontend/src/app/main/ui/settings/options.scss
View File

@ -13,6 +13,16 @@
display: grid;
}
.options-form {
display: flex;
flex-direction: column;
}
.section-title {
color: var(--color-foreground-primary);
margin-block: var(--sp-s);
}
.form-container {
--menu-max-height-up: #{px2rem(180)};