Add structure to App.vue.
This commit is contained in:
parent
6be5eca970
commit
ebc75c4214
1 changed files with 39 additions and 19 deletions
58
src/App.vue
58
src/App.vue
|
|
@ -1,25 +1,45 @@
|
|||
<template>
|
||||
<buttonPrimary/>
|
||||
<buttonSecondary/>
|
||||
<buttonFunnel/>
|
||||
<textInput/>
|
||||
<vehicleImage/>
|
||||
<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/>
|
||||
<buttonSecondary/>
|
||||
<textInput/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import buttonPrimary from './components/buttons/buttonPrimary';
|
||||
import buttonSecondary from './components/buttons/buttonSecondary';
|
||||
import buttonFunnel from './components/buttons/buttonFunnel';
|
||||
import textInput from './components/forms/textInput';
|
||||
import vehicleImage from './components/vehicleImage';
|
||||
export default {
|
||||
name: 'App',
|
||||
components: {
|
||||
buttonPrimary,
|
||||
buttonSecondary,
|
||||
buttonFunnel,
|
||||
textInput,
|
||||
vehicleImage
|
||||
import buttonPrimary from './components/buttons/buttonPrimary';
|
||||
import buttonSecondary from './components/buttons/buttonSecondary';
|
||||
import buttonFunnel from './components/buttons/buttonFunnel';
|
||||
import textInput from './components/forms/textInput';
|
||||
import vehicleImage from './components/vehicleImage';
|
||||
export default {
|
||||
name: 'App',
|
||||
components: {
|
||||
buttonPrimary,
|
||||
buttonSecondary,
|
||||
buttonFunnel,
|
||||
textInput,
|
||||
vehicleImage
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue