StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Cleanup dashboard, make flash more customizable for pages

Browse source
This commit is contained in:
Dane Everitt 2018-05-28 16:28:36 -07:00
parent caa0d21ac9
commit 9831adb91c
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
4 changed files with 60 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

15
resources/assets/scripts/components/Flash.vue
View file

@ -1,7 +1,12 @@
<template>
<div v-if="notifications.length > 0">
<transition-group tag="div" class="mb-2" name="fade">
<div :class="item.class" class="lg:inline-flex mb-2" role="alert" :key="index" v-for="(item, index) in notifications">
<div v-if="notifications.length > 0" :class="this.container">
<transition-group tag="div" name="fade">
<div class="lg:inline-flex" role="alert" v-for="(item, index) in notifications"
:key="index"
:class="[item.class, {
'mb-2': index < notifications.length - 1
}]"
>
<span class="title" v-html="item.title" v-if="item.title.length > 0"></span>
<span class="message" v-html="item.message"></span>
</div>
@ -13,6 +18,10 @@
export default {
name: 'flash',
props: {
container: {
type: String,
default: '',
},
timeout: {
type: Number,
default: 0,