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

Add structure to App.vue.

Browse source
This commit is contained in:
bmauger 2021-10-06 08:57:09 -04:00
parent 6be5eca970
commit ebc75c4214
1 changed files with 39 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
src/App.vue
View file

@ -1,25 +1,45 @@
<template> <template>
<buttonPrimary/> <div class="container-fluid">
<buttonSecondary/> <div class="row">
<buttonFunnel/> <div class="col my-3 d-flex justify-content-center">
<textInput/> <vehicleImage/>
<vehicleImage/> </div>
</div>
<div class="row">
<div class="col">
<p class="text-center text-secondary fs-5 mb-4">Select a year to get started</p>
<p class="text-center fs-6 fw-bold">What year is your vehichle?</p>
</div>
</div>
<div class="row">
<div class="col">
<buttonFunnel/>
</div>
</div>
<div class="row mt-5">
<div class="col">
<buttonPrimary/>
<buttonSecondary/>
<textInput/>
</div>
</div>
</div>
</template> </template>
<script> <script>
import buttonPrimary from './components/buttons/buttonPrimary'; import buttonPrimary from './components/buttons/buttonPrimary';
import buttonSecondary from './components/buttons/buttonSecondary'; import buttonSecondary from './components/buttons/buttonSecondary';
import buttonFunnel from './components/buttons/buttonFunnel'; import buttonFunnel from './components/buttons/buttonFunnel';
import textInput from './components/forms/textInput'; import textInput from './components/forms/textInput';
import vehicleImage from './components/vehicleImage'; import vehicleImage from './components/vehicleImage';
export default { export default {
name: 'App', name: 'App',
components: { components: {
buttonPrimary, buttonPrimary,
buttonSecondary, buttonSecondary,
buttonFunnel, buttonFunnel,
textInput, textInput,
vehicleImage vehicleImage
}
} }
}
</script> </script>