CatalogInfo.vue: make layout more dense

This commit is contained in:
2020-01-15 16:07:58 -08:00
parent c0616d2d4d
commit 339373b753

View File

@ -1,8 +1,8 @@
<template>
<v-container fluid>
<v-row>
<v-col cols="8">
<v-row dense>
<v-col cols="6" class="ma-0 pa-0">
<v-text-field
v-model="name"
label="Catalog name"
@ -14,8 +14,8 @@
</v-col>
</v-row>
<v-row>
<v-col cols="4">
<v-row dense>
<v-col cols="3" class="ma-0 pa-0">
<v-select
v-model="season"
:items="seasons"
@ -25,7 +25,7 @@
label="Season"
/>
</v-col>
<v-col cols="4">
<v-col cols="3" class="ma-0 pa-0">
<v-select
v-model="region"
:items="regions"
@ -38,39 +38,34 @@
</v-col>
</v-row>
<v-row>
<v-col cols="8">
<v-row dense>
<v-col cols="6" class="ma-0 pa-0">
<v-text-field
v-model="email"
:rules="[rules.emailRules]"
label="Email"
hint="Get notified when the catalog PDF is done"
hint="Get notified when the PDF is done (optional)"
persistent-hint
/>
</v-col>
</v-row>
<v-row>
<v-col cols="4">
<v-row dense>
<v-col cols="3" class="my-0 py-0">
<v-checkbox
v-model="isPublic"
label="Public"
color="black"
/>
</v-col>
<v-col cols="4">
<v-checkbox v-model="prices" label="Show prices"/>
<v-col cols="3" class="ma-0 pa-0">
<v-checkbox
v-model="prices"
label="Show prices"
color="black"
/>
</v-col>
</v-row>
<v-row>
<v-col v-if="isAdmin" cols="4">
<v-checkbox v-model="utility" label="Is Utility?"/>
</v-col>
<v-col v-if="isAdmin" cols="4">
<v-checkbox v-model="master" label="Region master"/>
</v-col>
</v-row>
</v-container>
</template>