@@ -7,6 +7,7 @@
<div id="app">
</div>
<script type="module" src="/static/js/spa.js"></script>
+
</body>
<script type="importmap">
{ "imports": {
@@ -19,6 +20,7 @@
border: 1px solid #ccc;
margin: 1em 0;
padding: 1em 0.2em;
+ font-size: 8vw;
}
</style>
@@ -39,4 +39,3 @@ var app = createApp({
})
app.use(store)
app.mount('#app')
-
@@ -1,5 +1,5 @@
const template = `
-<div class="counter">Fila {{queue_desc}}: {{counter}}
+<div class="counter">Fila {{queue_desc}}: <div class="counter-number">{{counter}}</div>
<div v-if="loggedIn"><button @click="callNext">Prossimo</button></div></div>
`
@@ -1,7 +1,9 @@
import { defineAsyncComponent } from '/static/js/vue.esm-browser.min.js'
+<div class="counters">
<CounterController v-for="q in queues" :queue_num="q"></CounterController>
+ </div>
export default {