diff options
author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2018-12-04 19:43:03 +0100 |
---|---|---|
committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2018-12-04 19:43:03 +0100 |
commit | 1929782ba5cfec3d64255c742ec4d0ff7eefd040 (patch) | |
tree | e5a8eef18a84449c5de90dc32e6374be25e6f641 /src/components/EmptyContent.vue | |
parent | 8638318a96a2fa4b9c69770f7448248daf233b2e (diff) |
Add missing EmptyContent.vue component
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'src/components/EmptyContent.vue')
-rw-r--r-- | src/components/EmptyContent.vue | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/src/components/EmptyContent.vue b/src/components/EmptyContent.vue new file mode 100644 index 00000000..181e0c06 --- /dev/null +++ b/src/components/EmptyContent.vue @@ -0,0 +1,51 @@ +<!-- + - @copyright Copyright (c) 2018 Jan-Christoph Borchardt (https://jancborchardt.net) + - + - @author Jan-Christoph Borchardt (https://jancborchardt.net) + - + - @license GNU AGPL version 3 or any later version + - + - This program is free software: you can redistribute it and/or modify + - it under the terms of the GNU Affero General Public License as + - published by the Free Software Foundation, either version 3 of the + - License, or (at your option) any later version. + - + - This program is distributed in the hope that it will be useful, + - but WITHOUT ANY WARRANTY; without even the implied warranty of + - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + - GNU Affero General Public License for more details. + - + - You should have received a copy of the GNU Affero General Public License + - along with this program. If not, see <http://www.gnu.org/licenses/>. + - + --> + +<template> + <div class="emptycontent"> + <img class="icon-illustration" :src="'../' + item.image" alt="" /> + <h2>{{ item.title }}</h2> + <p>{{ item.description }}</p> + </div> +</template> + +<script> + +export default { + name: 'EmptyContent', + props: { + item: { type: Object, default: () => {} } + } +} +</script> +<style scoped> + .emptycontent { + margin-top: 5vh; + } + + .emptycontent .icon-illustration { + height: 256px; + width: 256px; + margin: 0; + opacity: 1; + } +</style> |