Compare commits
No commits in common. "b9e0d096ba107c55234d2a5ba720c9ddc53a8a28" and "1751df6a91517d8da4cfbd5f9dc876f8dde96c1d" have entirely different histories.
b9e0d096ba
...
1751df6a91
5 changed files with 27 additions and 66 deletions
|
@ -169,6 +169,3 @@ $input-background-color: $black-ter;
|
|||
$input-border-color: $grey-darker;
|
||||
$input-focus-border-color: $turquoise;
|
||||
$input-hover-border-color: scale-color($turquoise, $lightness: -30%);
|
||||
|
||||
$fantasy: 'Merriweather';
|
||||
$primary-text: scale-color($primary, $saturation: -50%, $lightness: 20%);
|
|
@ -4,7 +4,6 @@
|
|||
@import "~bulma/sass/utilities/derived-variables";
|
||||
@import "~bulma";
|
||||
@import "~buefy/src/scss/buefy";
|
||||
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,400i,700&display=swap');
|
||||
|
||||
html {
|
||||
scrollbar-color: #404245 #2f3132;
|
||||
|
@ -13,5 +12,5 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
color: $white;
|
||||
color: white;
|
||||
}
|
|
@ -54,7 +54,7 @@ export default class CardPicker extends Vue {
|
|||
return cardImageURL(id);
|
||||
}
|
||||
|
||||
private _picked(card: Card) {
|
||||
private picked(card: Card) {
|
||||
this.$emit("picked", card);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -10,21 +10,6 @@
|
|||
<style lang="scss" scoped>
|
||||
.decklist {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
article {
|
||||
display: flex;
|
||||
align-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.amt {
|
||||
margin: 0 5px;
|
||||
font-weight: bold;
|
||||
&:after {
|
||||
content: "x";
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
@ -55,17 +55,12 @@
|
|||
</section>
|
||||
</section>
|
||||
<section class="decklist">
|
||||
<header>
|
||||
<h1>{{ deckname }}</h1>
|
||||
</header>
|
||||
<DeckList :cards="decklist" />
|
||||
</section>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/scss/_variables";
|
||||
|
||||
.deckbuilder {
|
||||
background: url("../assets/images/backgrounds/deckbuilderbg.webp") center;
|
||||
background-repeat: no-repeat;
|
||||
|
@ -73,15 +68,13 @@
|
|||
height: 100vh;
|
||||
display: grid;
|
||||
grid-template-columns: 3fr minmax(250px, 1fr);
|
||||
}
|
||||
|
||||
.cardlist {
|
||||
.cardlist {
|
||||
display: grid;
|
||||
grid-column: 1;
|
||||
grid-template-rows: 110px 1fr;
|
||||
}
|
||||
|
||||
.filters {
|
||||
.filters {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 5px;
|
||||
|
@ -93,25 +86,16 @@
|
|||
margin: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cards {
|
||||
.cards {
|
||||
display: grid;
|
||||
grid-template-columns: 5% 1fr 5%;
|
||||
}
|
||||
|
||||
.decklist {
|
||||
header {
|
||||
padding: 10px;
|
||||
padding-top: 15px;
|
||||
color: $primary-text;
|
||||
font-family: $fantasy;
|
||||
h1 {
|
||||
font-size: 20pt;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
.decklist {
|
||||
grid-column: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.colorfilter,
|
||||
|
@ -329,9 +313,6 @@ export default class DeckBuilder extends Vue {
|
|||
private elementFilters!: string[];
|
||||
private typeFilters!: string[];
|
||||
|
||||
// Decklist options
|
||||
private deckname!: string;
|
||||
|
||||
// Navigation
|
||||
private offset!: number;
|
||||
|
||||
|
@ -349,8 +330,7 @@ export default class DeckBuilder extends Vue {
|
|||
typeFilters: [],
|
||||
colors: colorNames,
|
||||
sets: allSets.slice(0, -1),
|
||||
types: typeNames,
|
||||
deckname: "Unnamed deck"
|
||||
types: typeNames
|
||||
};
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue