CatalogEditor.vue: some styling

This commit is contained in:
Seth Ladygo
2019-05-04 16:12:01 -07:00
parent 829df7667e
commit ab8cffc1d5

View File

@ -1,9 +1,10 @@
<template>
<v-stepper v-model="step">
<v-stepper-header>
<v-stepper-step :complete="step > 1" step="1">Catalog info</v-stepper-step>
<Loading text="Loading" :show="loadingCatalog"/>
<v-stepper-header ma-0 pa-0>
<v-stepper-step :complete="step > 1" step="1">Catalog info</v-stepper-step>
<v-divider></v-divider>
<v-stepper-step :complete="step > 2" step="2">Contents</v-stepper-step>
<v-divider></v-divider>
@ -16,14 +17,14 @@
<CatalogContents/>
<v-btn flat>Cancel</v-btn>
<v-btn @click="step = 1" disabled>Back</v-btn>
<v-btn @click="step = 2" color="primary">Next</v-btn>
<v-btn @click="step = 2" color="primary" class="black--text">Next</v-btn>
</v-stepper-content>
<v-stepper-content step="2">
<CatalogContents/>
<v-btn flat>Cancel</v-btn>
<v-btn @click="step = 1">Back</v-btn>
<v-btn @click="step = 3" color="primary">Next</v-btn>
<v-btn @click="step = 3" color="primary" class="black--text">Next</v-btn>
</v-stepper-content>
<v-stepper-content step="3">
@ -35,9 +36,10 @@
<v-btn flat>Cancel</v-btn>
<v-btn @click="step = 2">Back</v-btn>
<v-btn color="primary">Done</v-btn>
<v-btn color="primary" class="black--text">Save</v-btn>
</v-stepper-content>
</v-stepper-items>
</v-stepper>
</template>