Fix justification issue in subheader component
This commit is contained in:
parent
d17e2fc5b6
commit
1790cbc1ab
1 changed files with 6 additions and 6 deletions
|
|
@ -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'
|
||||
|
|
|
|||
Loading…
Reference in a new issue