Fix justification issue in subheader component

This commit is contained in:
Alex Humphries 2025-12-12 13:22:25 -05:00
parent d17e2fc5b6
commit 1790cbc1ab

View file

@ -3,7 +3,7 @@
<div
class="subheader-primary d-flex overflow-hidden">
<h5
:class="[justifySubheaderSubText, headerColor]"
:class="[justifySubheader, headerColor]"
class="fw-normal mb-0 subheader-primary">
<span>
{{ content }}
@ -16,8 +16,8 @@
</div>
<div
v-if="hasSubText"
:class="[justifySubheader, subHeaderClasses, subHeaderMarginClasses]"
class="subheader-secondary d-flex align-items-center overflow-hidden">
:class="[justifySubheaderSubText, subHeaderClasses, subHeaderMarginClasses]"
class="subheader-secondary d-flex align-items-start overflow-hidden">
<p
class="dark-header"
:class="[alternateFormatting, subTextClasses]">
@ -105,9 +105,9 @@ export default {
return this.subText ? 'dark-header' : 'light-header';
},
justifySubheader() {
return this.justification?.toLowerCase() === 'left'
? 'justify-content-left'
: 'justify-content-center';
return this.justification?.toLowerCase() === 'center'
? 'justify-content-center'
: 'justify-content-left';
},
justifySubheaderSubText() {
return this.justificationSubText?.toLowerCase() === 'center'