diff options
| author | Gabe Cook <gabe565@gmail.com> | 2020-10-15 13:16:45 -0500 |
|---|---|---|
| committer | Gabe Cook <gabe565@gmail.com> | 2020-10-15 13:22:51 -0500 |
| commit | 0e045b4c55042c1b2e97c3c7b005f83f96106841 (patch) | |
| tree | c089f5d621ecdec447d2cb886e151936971f6792 /src/components/Message.vue | |
| parent | e60870140461be59347a57e5e3ad1657a6326437 (diff) | |
| download | homer-0e045b4c55042c1b2e97c3c7b005f83f96106841.tar.gz homer-0e045b4c55042c1b2e97c3c7b005f83f96106841.tar.zst homer-0e045b4c55042c1b2e97c3c7b005f83f96106841.zip | |
Add support for a message icon
Diffstat (limited to 'src/components/Message.vue')
| -rw-r--r-- | src/components/Message.vue | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/components/Message.vue b/src/components/Message.vue index d007d3e..5a1e0ea 100644 --- a/src/components/Message.vue +++ b/src/components/Message.vue | |||
| @@ -1,7 +1,10 @@ | |||
| 1 | <template> | 1 | <template> |
| 2 | <article v-if="show" class="message" :class="message.style"> | 2 | <article v-if="show" class="message" :class="message.style"> |
| 3 | <div v-if="message.title" class="message-header"> | 3 | <div v-if="message.title || message.icon" class="message-header"> |
| 4 | <p>{{ message.title }}</p> | 4 | <p> |
| 5 | <i v-if="message.icon" :class="`fa-fw ${message.icon}`"></i> | ||
| 6 | {{ message.title }} | ||
| 7 | </p> | ||
| 5 | </div> | 8 | </div> |
| 6 | <div | 9 | <div |
| 7 | v-if="message.content" | 10 | v-if="message.content" |