extern/homer
1
0
Fork 1
mirror of https://github.com/bastienwirtz/homer.git synced 2025-01-13 09:28:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #136 from gabe565/message-icon

Browse Source 
Add support for a message icon
This commit is contained in:
Bastien Wirtz 2020-10-23 14:32:49 -07:00 committed by GitHub
commit 00b069fc6f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/configuration.md
View File

@ -68,6 +68,7 @@ message:
# url: "https://<my-api-endpoint>" # Can fetch information from an endpoint to override value below. # url: "https://<my-api-endpoint>" # Can fetch information from an endpoint to override value below.
style: "is-warning" style: "is-warning"
title: "Optional message!" title: "Optional message!"
icon: "fa fa-exclamation-triangle"
content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
# Optional navbar # Optional navbar

3
public/assets/config.yml.dist
View File

@ -42,7 +42,8 @@ colors:
message: message:
#url: https://b4bz.io #url: https://b4bz.io
style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options. style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options.
title: "👋 Demo !" title: "Demo !"
icon: "fa fa-grin"
content: "This is a dummy homepage demo. <br /> Find more information on <a href='https://github.com/bastienwirtz/homer'>github.com/bastienwirtz/homer</a>" content: "This is a dummy homepage demo. <br /> Find more information on <a href='https://github.com/bastienwirtz/homer'>github.com/bastienwirtz/homer</a>"
# Optional navbar # Optional navbar

7
src/components/Message.vue
View File

@ -1,7 +1,10 @@
<template> <template>
<article v-if="show" class="message" :class="message.style"> <article v-if="show" class="message" :class="message.style">
<div v-if="message.title" class="message-header"> <div v-if="message.title || message.icon" class="message-header">
<p>{{ message.title }}</p> <p>
<i v-if="message.icon" :class="`fa-fw ${message.icon}`"></i>
{{ message.title }}
</p>
</div> </div>
<div <div
v-if="message.content" v-if="message.content"