alx/procat2
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

CatalogList: layout updates for vuetify 2.0

Browse Source
This commit is contained in:
Seth Ladygo
2019-10-01 16:32:00 -07:00
parent 8f7aa8177d
commit 6b86abb847
1 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
cateditor/src/components/CatalogList.vue
View File

@ -1,20 +1,23 @@
<template>
<v-container fluid grid-list-lg>
<v-layout row>
<v-flex xs3 class="pa-0 ma-0">
<v-container fluid>
<v-row>
<v-col cols="3">
<v-btn color="primary"
class="black--text"
href="/catalog/new">New Catalog</v-btn>
</v-flex>
<v-flex xs9>
</v-flex>
</v-layout>
</v-col>
<v-col cols="9">
</v-col>
</v-row>
<v-layout row>
<v-flex xs8>
<v-row>
<v-col cols="8">
<v-card class="pa-0">
<v-tabs v-model="activeTab" color="keen_light_grey" slider-color="keen_dark_grey">
<v-card>
<v-tabs v-model="activeTab"
color="keen_dark_grey"
background-color="keen_light_grey"
slider-color="keen_dark_grey">
<v-tab key="mine">My Catalogs</v-tab>
<v-tab key="public">Public Catalogs</v-tab>
@ -126,9 +129,9 @@
</v-tabs>
</v-card>
</v-flex>
</v-col>
<v-flex xs4>
<v-col cols="4">
<v-card v-if="selectedCatalog">
<v-toolbar dense color="keen_light_grey" class="elevation-0">
<v-toolbar-title color="primary" class="headline">
@ -191,12 +194,10 @@
</tr>
</table>
<v-divider></v-divider>
<v-card-text>
<v-btn class="ma-0" small text :href="'/catalog/edit/' + selectedCatalog.id">Edit</v-btn>
<v-btn
class="ma-0"
small text
<v-btn small outlined class="ma-2"
:href="'/catalog/edit/' + selectedCatalog.id">Edit</v-btn>
<v-btn small outlined class="ma-2"
:disabled="selectedCatalog.build_progress < 100"
:href="selectedCatalog.pdf">Download</v-btn>
<!-- <v-btn class="ma-0" small text>Share</v-btn> -->
@ -205,8 +206,8 @@
<v-card v-else>
<v-card-text class="grey--text">No catalog selected</v-card-text>
</v-card>
</v-flex>
</v-layout>
</v-col>
</v-row>
</v-container>
</template>