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

Footer adjustments to better accommodate variable width button and link..

Browse source
This commit is contained in:
bmauger 2022-03-08 14:43:01 -05:00
parent e4aa8d28e8
commit 7ae4baaa4d
1 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/common-components/funnel-footer/funnel-footer.vue
View file

@ -16,7 +16,7 @@
</div>
<div class="container-fluid fixed-bottom g-4 bg-light py-4" id="infoBox">
<div class="row d-flex flex-row-reverse align-items-center">
<div class="col-12 button-col d-flex justify-content-end" id="stacked">
<div class="col button-col d-flex" id="stacked">
<buttonMain
isPrimary
:buttonText="buttonText"
@ -27,7 +27,7 @@
@click-event="buttonClick"
/>
</div>
<div class="col-12 link-col py-1">
<div class="col-auto link-col py-1 text-break">
<textLink
linkType="navigation"
:text="backLink"
@ -91,19 +91,21 @@ export default {
.footer {
display: flex;
margin-top: auto;
.button-col,
.link-col,
.btn-primary {
width: 100%;
}
a {
display: flex;
justify-content: center;
}
.col,
.col-auto,
.col button {
width: 100%;
}
@media only screen and (min-width: 340px) {
.button-col,
.link-col {
width: 50% !important;
.col,
.col-auto,
.col button {
width: auto;
justify-content: flex-end;
}
.btn-primary {
width: auto;