Customizable number of columns

[github/bastienwirtz/homer.git] / src / App.vue

diff --git a/src/App.vue b/src/App.vue
index 62156d2ce9a87658a4145808d4bf355ea7cb75be..17c32143b44cc93d4740f2cd6fdb547e00f2e0f4 100644 (file)
--- a/src/App.vue
+++ b/src/App.vue
@@ -68,7 +68,7 @@
                 v-for="item in group.items"
                 :key="item.name"
                 v-bind:item="item"
-                class="column is-one-third-widescreen"
+                :class="['column', `is-${12 / config.columns}`]"
               />
             </template>
           </div>
@@ -79,7 +79,7 @@
             class="columns is-multiline layout-vertical"
           >
             <div
-              class="column is-one-third-widescreen"
+              :class="['column', `is-${12 / config.columns}`]"
               v-for="group in services"
               :key="group.name"
             >