diff options
Diffstat (limited to 'src/components/MessageHTMLBody.vue')
-rw-r--r-- | src/components/MessageHTMLBody.vue | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/components/MessageHTMLBody.vue b/src/components/MessageHTMLBody.vue index 785d22ce3..e00d9c2d3 100644 --- a/src/components/MessageHTMLBody.vue +++ b/src/components/MessageHTMLBody.vue @@ -27,7 +27,7 @@ </ActionButton> </Actions> </div> - <IconLoading v-if="loading" /> + <LoadingSkeleton v-if="loading" :with-avatar="false" :number-of-lines="5" /> <div id="message-container" :class="{hidden: loading, scroll: !fullHeight}"> <iframe ref="iframe" class="message-frame" @@ -43,10 +43,11 @@ import { iframeResizer } from 'iframe-resizer' import PrintScout from 'printscout' import { trustSender } from '../service/TrustedSenderService' -import { NcActionButton as ActionButton, NcActions as Actions, NcLoadingIcon as IconLoading } from '@nextcloud/vue' +import { NcActionButton as ActionButton, NcActions as Actions } from '@nextcloud/vue' import IconImage from 'vue-material-design-icons/ImageSizeSelectActual' import IconMail from 'vue-material-design-icons/Email' import IconDomain from 'vue-material-design-icons/Domain' +import LoadingSkeleton from './LoadingSkeleton' import logger from '../logger' import MdnRequest from './MdnRequest' @@ -61,7 +62,7 @@ export default { IconImage, IconMail, IconDomain, - IconLoading, + LoadingSkeleton, }, props: { url: { |