Improved slot schema, added ui for slots

This commit is contained in:
Stefan Zermatten
2020-06-29 14:15:49 +02:00
parent e1ddfb2cab
commit 6ddea8a8ab
10 changed files with 215 additions and 20 deletions

View File

@@ -1,20 +1,45 @@
<template lang="html">
<div>
<v-container fluid grid-list-lg fill-height>
<v-layout row wrap fill-height>
<v-flex v-for="(property, type) in PROPERTIES" :key="type" sm4 xs6>
<v-card hover @click="$emit('select', type)" style="height: 100%; overflow: hidden;">
<div class="layout row align-center justify-center" style="min-height: 70px;">
<v-icon x-large>{{property.icon}}</v-icon>
</div>
<h3 class="subtitle pb-3" style="text-align: center;">
{{ property.name }}
</h3>
</v-card>
</v-flex>
</v-layout>
</v-container>
</div>
<div>
<v-container
fluid
grid-list-lg
fill-height
>
<v-layout
row
wrap
fill-height
>
<v-flex
v-for="(property, type) in PROPERTIES"
:key="type"
sm4
xs6
>
<v-card
hover
style="height: 100%; overflow: hidden;"
@click="$emit('select', type)"
>
<div
class="layout row align-center justify-center"
style="min-height: 70px;"
>
<v-icon x-large>
{{ property.icon }}
</v-icon>
</div>
<h3
class="subtitle pb-3"
style="text-align: center;"
>
{{ property.name }}
</h3>
</v-card>
</v-flex>
</v-layout>
</v-container>
</div>
</template>
<script>