mirror of
https://github.com/exane/not-gwent-online
synced 2024-10-31 10:36:53 +00:00
44 lines
1.1 KiB
HTML
44 lines
1.1 KiB
HTML
<div class="heading">
|
|
<a v-class="active: factionFilter == 'Northern Realm'" v-on="click: changeDeck('Northern Realm')">Northern Realm</a>
|
|
<a v-class="active: factionFilter == 'scoiatael'" v-on="click: changeDeck('sco bla')">Scoia'tael</a>
|
|
<a v-class="active: factionFilter == 'monster'" v-on="click: changeDeck('monster')">Monster</a>
|
|
</div>
|
|
|
|
<div class="all-cards-wrap">
|
|
<div class="all-cards">
|
|
<div class="clear-space"></div>
|
|
|
|
<div class="card-wrap" v-repeat="card: cards | filterBy factionFilter in faction">
|
|
<div class="bla ani"></div>
|
|
<div class="card-img card" v-style="background-image: 'url(http://80.240.132.120/gwent/assets/cards/' + card.img + '.png)'"></div>
|
|
<div class="shadow"></div>
|
|
<div class="overlay-card"></div>
|
|
</div>
|
|
|
|
<div class="clear-space"></div>
|
|
|
|
</div>
|
|
<div class="shadow-all-cards"></div>
|
|
</div>
|
|
|
|
<style>
|
|
|
|
.shadow-all-cards {
|
|
height: 60px;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.container-content {
|
|
padding: 0;
|
|
}
|
|
|
|
.test {
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.remove {
|
|
opacity: 0;
|
|
}
|
|
</style> |