archive/bramw_baserow
1
0
Fork 0
mirror of https://gitlab.com/bramw/baserow.git synced 2025-04-03 04:35:31 +00:00
Code Issues Projects Releases Wiki Activity

Fix theme heading properties

Browse source
This commit is contained in:
Bram Wiepjes 2024-04-29 16:37:27 +02:00
parent d5a888a319
commit b544d29663
3 changed files with 5 additions and 5 deletions
web-frontend/modules/builder/components
elements/components
HeadingElement.vue
theme
MainThemeConfigBlock.vueThemeProvider.vue

2
web-frontend/modules/builder/components/elements/components/HeadingElement.vue
View file

@ -8,7 +8,7 @@
<ABHeading
:level="element.level"
:style="{
[`--heading-h${element.level}--color`]: resolveColor(
[`--heading-h${element.level}-color`]: resolveColor(
element.font_color,
headingColorVariables
),

4
web-frontend/modules/builder/components/theme/MainThemeConfigBlock.vue
View file

@ -111,8 +111,8 @@
class="margin-bottom-2 theme-settings__section-ellipsis"
:class="`ab-heading--h${i}`"
:style="{
[`--heading-h${i}--color`]: builder.theme[`heading_${i}_color`],
[`--heading-h${i}--font-size`]:
[`--heading-h${i}-color`]: builder.theme[`heading_${i}_color`],
[`--heading-h${i}-font-size`]:
builder.theme[`heading_${i}_font_size`] + 'px',
}"
>

4
web-frontend/modules/builder/components/theme/ThemeProvider.vue
View file

@ -19,10 +19,10 @@ export default {
}
const headings = Array.from([1, 2, 3, 4, 5, 6]).reduce(
(headings, level) => ({
[`--heading-h${level}--font-size`]: `${
[`--heading-h${level}-font-size`]: `${
this.builder.theme[`heading_${level}_font_size`]
}px`,
[`--heading-h${level}--color`]:
[`--heading-h${level}-color`]:
this.builder.theme[`heading_${level}_color`],
...headings,
}),