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

38
src/App.vue
View file

@ -1,18 +1,38 @@
<template> <template>
<div class="container-fluid">
<div class="row">
<div class="col my-3 d-flex justify-content-center">
<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/> <buttonPrimary/>
<buttonSecondary/> <buttonSecondary/>
<buttonFunnel/>
<textInput/> <textInput/>
<vehicleImage/> </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,
@ -21,5 +41,5 @@ export default {
textInput, textInput,
vehicleImage vehicleImage
} }
} }
</script> </script>