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

fixed styling for subheader

Browse source
This commit is contained in:
Kulbhushan Kaushik 2022-10-28 10:00:55 -04:00
parent ef4cdfb731
commit fd0b7d7c8c
3 changed files with 20 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
package-lock.json generated
View file

@ -3571,9 +3571,9 @@
"dev": true "dev": true
}, },
"bootstrap": { "bootstrap": {
"version": "5.2.1", "version": "5.2.2",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.1.tgz", "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.2.tgz",
"integrity": "sha512-UQi3v2NpVPEi1n35dmRRzBJFlgvWHYwyem6yHhuT6afYF+sziEt46McRbT//kVXZ7b1YUYEVGdXEH74Nx3xzGA==" "integrity": "sha512-dEtzMTV71n6Fhmbg4fYJzQsw1N29hJKO1js5ackCgIpDcGid2ETMGC6zwSYw09v05Y+oRdQ9loC54zB1La3hHQ=="
}, },
"brace-expansion": { "brace-expansion": {
"version": "1.1.11", "version": "1.1.11",

2
package.json
View file

@ -11,7 +11,7 @@
"dependencies": { "dependencies": {
"@popperjs/core": "^2.10.2", "@popperjs/core": "^2.10.2",
"axios": "^0.27.2", "axios": "^0.27.2",
"bootstrap": "^5.1.1", "bootstrap": "^5.2.2",
"jest-junit": "^13.0.0", "jest-junit": "^13.0.0",
"maska": "^1.5.0", "maska": "^1.5.0",
"pinia": "^2.0.22", "pinia": "^2.0.22",

22
src/common-components/site-sub-header/site-sub-header.vue
View file

@ -1,8 +1,14 @@
<template> <template>
<div> <div>
<div id="subHeader" v-html="content"></div> <div class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
<h5 class="text-center fw-normal mb-0" :class="headerColor">
<span>
{{ content }}
</span>
</h5>
</div>
</div> </div>
</template> </template>
<script> <script>
export default ({ export default ({
@ -19,9 +25,13 @@
}) })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
#subHeader{ h5 {
margin: 16px auto; line-height: 32px;
text-align: center;
} button {
color: inherit;
}
}
</style> </style>