Implement column span

MouseHatGames · Jan 2, 2021 · 5e5d49f · 5e5d49f
1 parent 13dcf41
commit 5e5d49f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/cmd/ui/front/index.html b/cmd/ui/front/index.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <title>Hat configuration panel</title>
 </head>
 
 <body>

diff --git a/cmd/ui/front/src/components/Dashboard.vue b/cmd/ui/front/src/components/Dashboard.vue
@@ -3,7 +3,7 @@
     transition(name="fade")
         div(v-if="widgets")
             .tile.is-ancestor(v-for="row in widgets")
-                .tile.is-parent(v-for="(widget, path) in row")
+                .tile.is-parent(v-for="(widget, path) in row" :class="[widget.colspan > 1 && 'is-' + widget.colspan]")
                     Widget(:widget="widget" :path="path")
         template(v-else)
             progress.progress.is-small.is-dark.mt-5(v-if="!failed")

diff --git a/cmd/ui/front/src/components/Widget.vue b/cmd/ui/front/src/components/Widget.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.tile.is-child.card.is-flex.is-flex-direction-column
+.tile.card.is-flex.is-flex-direction-column
     header.card-header
         p.card-header-title(:class="{'has-text-danger': failed}")
             span {{widget.title}}