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