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> <template>
<v-stepper v-model="step"> <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"/> <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-divider></v-divider>
<v-stepper-step :complete="step > 2" step="2">Contents</v-stepper-step> <v-stepper-step :complete="step > 2" step="2">Contents</v-stepper-step>
<v-divider></v-divider> <v-divider></v-divider>
@ -16,14 +17,14 @@
<CatalogContents/> <CatalogContents/>
<v-btn flat>Cancel</v-btn> <v-btn flat>Cancel</v-btn>
<v-btn @click="step = 1" disabled>Back</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>
<v-stepper-content step="2"> <v-stepper-content step="2">
<CatalogContents/> <CatalogContents/>
<v-btn flat>Cancel</v-btn> <v-btn flat>Cancel</v-btn>
<v-btn @click="step = 1">Back</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>
<v-stepper-content step="3"> <v-stepper-content step="3">
@ -35,9 +36,10 @@
<v-btn flat>Cancel</v-btn> <v-btn flat>Cancel</v-btn>
<v-btn @click="step = 2">Back</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-content>
</v-stepper-items> </v-stepper-items>
</v-stepper> </v-stepper>
</template> </template>