github
/
homer
mirror of https://github.com/bastienwirtz/homer
1
0
Fork 0
Code Issues Releases Wiki Activity

Customizable number of columns

pull/84/head 130585124
Bastien Wirtz 2020-06-09 21:54:13 -07:00
parent e9113b48ce
commit 9e4fe0d227
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
README.md
View File

@ -98,6 +98,9 @@ logo: "assets/homer.png"
header: true # Set to false to hide the header header: true # Set to false to hide the header
footer: '<p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a href="https://vuejs.org/">vuejs</a> & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i class="fab fa-github-alt"></i></a></p>' # set false if you want to hide it. footer: '<p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a href="https://vuejs.org/">vuejs</a> & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i class="fab fa-github-alt"></i></a></p>' # set false if you want to hide it.
columns: "3" # "auto" or number (must be a factor of 12: 1, 2, 3, 4, 6, 12)
connectivityCheck: true # whether you want to display a message when the apps are not accessible anymore (VPN disconnected for example)
# Optional theming # Optional theming
theme: default # 'default' or one of the theme available in 'src/assets/themes'. theme: default # 'default' or one of the theme available in 'src/assets/themes'.

4
src/App.vue
View File

@ -68,7 +68,7 @@
v-for="item in group.items" v-for="item in group.items"
:key="item.name" :key="item.name"
v-bind:item="item" v-bind:item="item"
class="column is-one-third-widescreen" :class="['column', `is-${12 / config.columns}`]"
/> />
</template> </template>
</div> </div>
@ -79,7 +79,7 @@
class="columns is-multiline layout-vertical" class="columns is-multiline layout-vertical"
> >
<div <div
class="column is-one-third-widescreen" :class="['column', `is-${12 / config.columns}`]"
v-for="group in services" v-for="group in services"
:key="group.name" :key="group.name"
> >

1
src/assets/defaults.yml
View File

@ -7,6 +7,7 @@ subtitle: "Homer"
header: true header: true
footer: '<p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a href="https://vuejs.org/">vuejs</a> & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i class="fab fa-github-alt"></i></a></p>' # set false if you want to hide it. footer: '<p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a href="https://vuejs.org/">vuejs</a> & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i class="fab fa-github-alt"></i></a></p>' # set false if you want to hide it.
columns: 3
connectivityCheck: true connectivityCheck: true
theme: default theme: default