rust/lootalot
1
0
Fork 0
Code Issues 3 Pull Requests Releases Wiki Activity

removes useless GroupChest component, minor style changes

Browse Source
This commit is contained in:
Arthur Gerbaud
2019-06-16 14:11:28 +02:00
parent f50765b5ad
commit 3b1ad574cd
3 changed files with 35 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
lootalot_front/src/App.vue
View File

@@ -1,9 +1,9 @@
<template> <template>
<main id="app" class="section"> <main id="app" class="container is-fluid">
<section id="content" class="columns is-desktop"> <section id="content" class="columns is-desktop">
<Player></Player> <Player></Player>
<div class="column"> <div class="column">
<GroupChest></GroupChest> <Chest :player="0"></Chest>
</div> </div>
</section> </section>
</main> </main>
@@ -11,7 +11,7 @@
<script> <script>
import Player from './components/Player.vue' import Player from './components/Player.vue'
import GroupChest from './components/GroupChest.vue' import Chest from './components/Chest.vue'
export const store = { export const store = {
debug: true, debug: true,
@@ -74,7 +74,7 @@ export default {
name: 'app', name: 'app',
components: { components: {
Player, Player,
GroupChest Chest
}, },
created () { created () {
const cookie = getCookie("player_id"); const cookie = getCookie("player_id");
@@ -91,7 +91,7 @@ export default {
<style> <style>
#app { #app {
font-family: 'Avenir', Helvetica, Arial, sans-serif; font-family: 'Montserrat', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-align: center; text-align: center;

46
lootalot_front/src/components/Chest.vue
View File

@@ -1,21 +1,35 @@
<template> <template>
<div class="container"> <div class="container is-paddingless">
<div v-show="mainControlsDisplayed" class="buttons is-right"> <div v-if="mainControlsDisplayed"
<button v-if="canAdd" class="columns is-mobile is-vcentered"
class="button is-inverted is-info" >
@click="is_adding = true" <div class="column is-narrow">
> <span class="icon is-large">
<span class="icon"> <i class="fas fa-2x fa-dragon"></i>
<i class="fas fa-box-open"></i>
</span>
<p>Nouveau loot</p>
</button>
<button class="button is-inverted is-primary">
<span class="icon">
<i class="fas fa-coins"></i>
</span> </span>
<p>Tout vendre</p> </div>
</button> <div class="column has-text-left">
<h1 class="title">Coffre de groupe</h1>
</div>
<div class="column" v-show="canAdd">
<div v-show="mainControlsDisplayed" class="buttons is-right">
<button v-if="canAdd"
class="button is-inverted is-info"
@click="is_adding = true"
>
<span class="icon">
<i class="fas fa-box-open"></i>
</span>
<p>Nouveau loot</p>
</button>
<button class="button is-inverted is-primary">
<span class="icon">
<i class="fas fa-coins"></i>
</span>
<p>Tout vendre</p>
</button>
</div>
</div>
</div> </div>
<Loot v-if="is_adding" @done="is_adding = false"></Loot> <Loot v-if="is_adding" @done="is_adding = false"></Loot>
<table v-else class="table is-fullwidth is-striped" > <table v-else class="table is-fullwidth is-striped" >

22
lootalot_front/src/components/GroupChest.vue
View File

@@ -1,22 +0,0 @@
<template>
<section id="main" class="section">
<div id="main-heading" class="columns is-mobile is-vcentered">
<div class="column is-narrow">
<span class="icon is-large"><i class="fas fa-2x fa-dragon"></i></span>
</div>
<div class="column has-text-left">
<h1 class="title">Coffre de groupe</h1>
</div>
</div>
<Chest :player="0"></Chest>
</section>
</template>
<script>
import Chest from './Chest.vue'
export default {
components: { Chest },
data () { return {}; }
}
</script>