init vue+bulma frontend

2019-06-11 16:12:41 +02:00
parent 286d203ba2
commit dc978fc87f
12 changed files with 11763 additions and 0 deletions
--- a/lootalot_front/src/App.vue
+++ b/lootalot_front/src/App.vue
@@ -0,0 +1,47 @@
+<template>
+  <main id="app" class="section">
+  <section id="content" class="columns is-desktop">
+    <Player></Player>
+    <div class="column">
+    <section id="main" class="columns">
+       <div class="column">
+          <div id="main-heading" class="columns is-mobile is-vcentered">
+            <div class="column is-narrow">
+                <span class="icon is-large"><i class="fas fa-3x fa-gem"></i></span>
+            </div>
+            <div class="column has-text-left">
+                <h1 class="title">Coffre de groupe</h1>
+            </div>
+          </div>
+          <Chest player_id="0"></Chest>
+       </div>
+    </section>   
+    </div>
+  </section>
+  </main>
+</template>
+
+<script>
+import Player from './components/Player.vue'
+import Chest from './components/Chest.vue'
+import 'bulma/css/bulma.css'
+
+export default {
+  name: 'app',
+  components: {
+    Player,
+    Chest
+  }
+}
+</script>
+
+<style>
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>