style

pizzicore/pages/spa.html

@@ -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>
 

pizzicore/static/js/spa.js

@@ -39,4 +39,3 @@ var app = createApp({
 })
 app.use(store)
 app.mount('#app')
-

pizzicore/static/vue/counter.js

@@ -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>
     `
 

pizzicore/static/vue/counterlist.js

@@ -1,7 +1,9 @@
 import { defineAsyncComponent } from '/static/js/vue.esm-browser.min.js'
 
 const template = `
+<div class="counters">
     <CounterController v-for="q in queues" :queue_num="q"></CounterController>
+    </div>
             `
 
 export default {