jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix justification issue in subheader component

Browse source
This commit is contained in:
Alex Humphries 2025-12-12 13:22:25 -05:00
parent d17e2fc5b6
commit 1790cbc1ab
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/iss-components/site-sub-header/site-sub-header.vue
View file

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