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

Replace../ with @/, format code.

Browse source
This commit is contained in:
bmauger 2021-10-15 10:54:35 -04:00
parent 1f8432924a
commit fcb3126382
2 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/Funnel1.vue
View file

@ -17,9 +17,24 @@
</div> </div>
</div> </div>
<div class="row mt-5"> <div class="row mt-5">
<imageButton btnText="windshield-damage.svg" altText="Windshield" damageTitle="Windshield" ariaLabel="Windshield"/> <imageButton
<imageButton btnText="side-window-damage.svg" altText="Side Window" damageTitle="Side door" ariaLabel="Side door"/> btnText="windshield-damage.svg"
<imageButton btnText="back-glass-damage.svg" altText="Back Glass" damageTitle="Back glass" ariaLabel="Back glass"/> altText="Windshield"
damageTitle="Windshield"
ariaLabel="Windshield"
/>
<imageButton
btnText="side-window-damage.svg"
altText="Side Window"
damageTitle="Side door"
ariaLabel="Side door"
/>
<imageButton
btnText="back-glass-damage.svg"
altText="Back Glass"
damageTitle="Back glass"
ariaLabel="Back glass"
/>
</div> </div>
</div> </div>
</template> </template>

2
src/components/imageButton.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="col-4 mb-3"> <div class="col-4 mb-3">
<button class="btn-damage d-flex flex-column align-items-center rounded-3 h-100" v-bind:aria-label="ariaLabel"> <button class="btn-damage d-flex flex-column align-items-center rounded-3 h-100" v-bind:aria-label="ariaLabel">
<img class="px-1 pt-3 pb-1 mt-auto" v-bind:src="require(`../assets/img/icons/${btnText}`)" v-bind:alt="altText"/> <img class="px-1 pt-3 pb-1 mt-auto" v-bind:src="require(`@/assets/img/icons/${btnText}`)" v-bind:alt="altText"/>
<p class="mt-auto">{{damageTitle}}</p> <p class="mt-auto">{{damageTitle}}</p>
</button> </button>
</div> </div>