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