nextcloud
/
calendar
mirror of https://github.com/nextcloud/calendar
0
0
Fork 0
Code Issues Releases Wiki Activity

Use standardized EmptyContent component 

Signed-off-by: Georg Ehrke <developer@georgehrke.com>
This commit is contained in:
Georg Ehrke 2020-08-22 11:23:26 +02:00 committed by Thomas Citharel
parent 188b961410
commit 7bf9fa2d3b
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773
2 changed files with 11 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/public.scss
View File

@ -71,28 +71,3 @@
//min-height: unset !important;
}
}
.empty-calendar-screen {
background: rgba($color-main-background, .75);
position: absolute;
top: 0;
height: 100%;
width: 100%;
z-index: 5000;
padding-top: 10%;
&__icon {
.icon {
height: 64px;
margin: 0 auto;
width: 64px;
background-size: 64px;
opacity: 0.55;
}
}
&__message {
text-align: center;
margin-top: 25px;
}
}

24
src/components/EmptyCalendar.vue
View File

@ -21,23 +21,21 @@
-->
<template>
<div class="empty-calendar-screen">
<div class="empty-calendar-screen__icon">
<div class="icon icon-calendar-dark" />
</div>
<div class="empty-calendar-screen__message">
<h2>
{{ $t('calendar', 'Public calendar does not exist') }}
</h2>
<p>
{{ $t('calendar', 'Maybe the share was deleted or has expired?' ) }}
</p>
</div>
</div>
<EmptyContent icon="icon-calendar-dark">
{{ $t('calendar', 'Public calendar does not exist') }}
<template #desc>
{{ $t('calendar', 'Maybe the share was deleted or has expired?' ) }}
</template>
</EmptyContent>
</template>
<script>
import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
export default {
name: 'EmptyCalendar',
components: {
EmptyContent,
},
}
</script>