web-development/onmyoji-deck-builder
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

applying formatting

Browse Source
This commit is contained in:
Daniel Tomlinson
2021-03-17 15:43:54 +00:00
parent 31015e8b31
commit dba90cd1ce
1 changed files with 48 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/DeckBuilder.vue
View File

@@ -76,7 +76,10 @@
width="100%"
></v-img>
</div>
<div cols="12">
</div>
</v-col>
<v-col cols="10" class="d-flex flex-column"
><v-row cols="12">
<!-- {{ index }} -->
<!-- {{ selected_shikigami_decks[index][index].length }} -->
<v-select
@@ -90,10 +93,10 @@
hint="Choose 8 cards for your deck."
persistent-hint
return-object
clearable
>
<template v-slot:selection="{ data, pos }">
<template v-slot:selection="data">
<v-chip
v-if="pos === 0"
v-bind="data.attrs"
:input-value="data.selected"
close
@@ -102,27 +105,19 @@
@click:close="remove_decks(index, data.index)"
color="#04002E"
>{{ data.item.name }}</v-chip
>
<span v-if="pos === 1" class="grey--text caption">
(+{{ selected_shikigami_decks[index][index].length - 1 }}
others)
</span></template
></template
>
</v-select>
</div>
</div>
</v-col>
<v-col cols="10" class="d-flex align-center">
<div cols="12">
<!-- {{ selected_shikigami_decks[index][index] }} -->
</div>
<v-row cols="12" class="">
</v-row>
<!-- <div cols="12">
{{ selected_shikigami_decks[index][index] }}
</div> -->
<v-row cols="12">
<v-card
v-for="i in selected_shikigami_decks[index][index]"
:key="i.id"
width="12.4%"
width="12.3%"
color="#070042"
class=""
>
<!-- <div class="text-center">
{{ i.name }}
@@ -132,9 +127,8 @@
:src="require(`@/assets/deck_of_cards/${i.url}`)"
class="deck-card"
></v-img></div
></v-card>
</v-row>
</v-col>
></v-card> </v-row
></v-col>
</v-row>
</v-card>
</v-row>