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

CatalogList.vue: layout improvements

Browse Source
This commit is contained in:
Seth Ladygo
2020-01-15 12:58:41 -08:00
parent 5d7f14652c
commit eb57d25b5c
1 changed files with 82 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
<template>
<v-container fluid>
<v-row>
<v-col cols="3">
<v-col cols="3" class="px-5 py-2">
<v-btn color="primary"
class="black--text"
href="/catalog/new"
@ -10,7 +10,7 @@
<v-col cols="9"/>
</v-row>
<v-row>
<v-row class="px-2">
<v-col cols="8">
<v-card>
@ -23,10 +23,9 @@
<!-- my catalogs -->
<v-tab-item key="mine">
<v-card text>
<v-card-title>
<v-spacer/>
<v-row>
<v-col cols="7"/>
<v-col cols="5" class="px-8">
<v-text-field
v-model="search"
append-icon="search"
@ -34,12 +33,15 @@
single-line
hide-details
/>
</v-card-title>
</v-col>
</v-row>
<v-row>
<v-col>
<v-data-table
:headers="myHeaders"
:items="myCatalogs"
:items-per-page="15"
:items-per-page="10"
:search="search"
:loading="loadingMyCatalogs"
class="scroll-area"
@ -70,16 +72,15 @@
No Catalogs
</template>
</v-data-table>
</v-card>
</v-col>
</v-row>
</v-tab-item>
<!-- public catalogs -->
<v-tab-item key="public">
<v-card text>
<v-card-title>
<v-spacer/>
<v-row>
<v-col cols="7"/>
<v-col cols="5" class="px-8">
<v-text-field
v-model="search"
append-icon="search"
@ -87,12 +88,15 @@
single-line
hide-details
/>
</v-card-title>
</v-col>
</v-row>
<v-row>
<v-col>
<v-data-table
:headers="pubHeaders"
:items="publicCatalogs"
:items-per-page="15"
:items-per-page="10"
:search="search"
:loading="loadingPublicCatalogs"
class="scroll-area"
@ -123,12 +127,11 @@
No Catalogs
</template>
</v-data-table>
</v-card>
</v-col>
</v-row>
</v-tab-item>
</v-tabs>
</v-card>
</v-col>
<v-col cols="4">
@ -332,10 +335,12 @@ export default {
</script>
<style scoped>
/*
.scroll-area {
height: 300px;
overflow-y: auto;
}
*/
</style>
<style>