CatalogEditor.vue: some styling
This commit is contained in:
@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user