Update back button to remove text as link.
Add padding around back button.
This commit is contained in:
parent
28628d23b8
commit
4050f7faa1
3 changed files with 8 additions and 9 deletions
|
|
@ -2,9 +2,9 @@
|
||||||
<div class="current_car_info-text">
|
<div class="current_car_info-text">
|
||||||
<div class="d-flex align-items-center justify-content-center">
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
<h2 class="text-center fs-5 d-block fw-normal mb-0">
|
<h2 class="text-center fs-5 d-block fw-normal mb-0">
|
||||||
<button v-if="hasBackButton && backButtonAction" @click="backButtonAction">
|
<p class="m-0" v-if="hasBackButton">
|
||||||
{{ text }}
|
{{ text }}
|
||||||
</button>
|
</p>
|
||||||
<span v-else>
|
<span v-else>
|
||||||
{{ text }}
|
{{ text }}
|
||||||
</span>
|
</span>
|
||||||
|
|
@ -48,6 +48,6 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.back-button-wrapper {
|
.back-button-wrapper {
|
||||||
margin-left: .25rem;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -618,7 +618,6 @@ export default {
|
||||||
alert,
|
alert,
|
||||||
vehicleBanner,
|
vehicleBanner,
|
||||||
listButtonHorizontal,
|
listButtonHorizontal,
|
||||||
siteHeader,
|
|
||||||
checkbox,
|
checkbox,
|
||||||
funnelHeader,
|
funnelHeader,
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<button
|
<button
|
||||||
v-if="backButtonAction"
|
v-if="backButtonAction"
|
||||||
@click="backButtonAction"
|
@click="backButtonAction"
|
||||||
class="back-button-wrapper d-flex p-0"
|
class="back-button-wrapper d-flex p-3"
|
||||||
:aria-label="backButtonAccessibleText"
|
:aria-label="backButtonAccessibleText"
|
||||||
>
|
>
|
||||||
<div class="button-back">
|
<div class="button-back">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue