diff options
author | Marcel Klehr <mklehr@gmx.net> | 2022-08-15 15:55:35 +0300 |
---|---|---|
committer | Marcel Klehr <mklehr@gmx.net> | 2022-08-23 15:30:18 +0300 |
commit | df59eaa668028f3d5804666c93789e29ac36e28e (patch) | |
tree | 4cdccb5df7bb4e8eac7f8421bfa28424e2c2a6b6 | |
parent | 40e13813b1891d157426606aa5e7f5873f564a76 (diff) |
Add new empty face illustration
Signed-off-by: Marcel Klehr <mklehr@gmx.net>
-rw-r--r-- | src/assets/Illustrations/face.svg | 1 | ||||
-rw-r--r-- | src/views/FaceContent.vue | 6 |
2 files changed, 4 insertions, 3 deletions
diff --git a/src/assets/Illustrations/face.svg b/src/assets/Illustrations/face.svg new file mode 100644 index 00000000..e4229aab --- /dev/null +++ b/src/assets/Illustrations/face.svg @@ -0,0 +1 @@ +<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="698" height="698" viewBox="0 0 698 698"><defs><linearGradient id="b247946c-c62f-4d08-994a-4c3d64e1e98f-194" x1="349" y1="698" x2="349" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient></defs><title>profile pic</title><g opacity="0.5"><circle cx="349" cy="349" r="349" fill="url(#b247946c-c62f-4d08-994a-4c3d64e1e98f-194)"/></g><circle cx="349.68" cy="346.77" r="341.64" fill="#f5f5f5"/><path d="M601,790.76a340,340,0,0,0,187.79-56.2c-12.59-68.8-60.5-72.72-60.5-72.72H464.09s-45.21,3.71-59.33,67A340.07,340.07,0,0,0,601,790.76Z" transform="translate(-251 -101)" fill="#6c63ff"/><circle cx="346.37" cy="339.57" r="164.9" fill="#333"/><path d="M293.15,476.92H398.81a0,0,0,0,1,0,0v84.53A52.83,52.83,0,0,1,346,614.28h0a52.83,52.83,0,0,1-52.83-52.83V476.92a0,0,0,0,1,0,0Z" opacity="0.1"/><path d="M296.5,473h99a3.35,3.35,0,0,1,3.35,3.35v81.18A52.83,52.83,0,0,1,346,610.37h0a52.83,52.83,0,0,1-52.83-52.83V476.35A3.35,3.35,0,0,1,296.5,473Z" fill="#fdb797"/><path d="M544.34,617.82a152.07,152.07,0,0,0,105.66.29v-13H544.34Z" transform="translate(-251 -101)" opacity="0.1"/><circle cx="346.37" cy="372.44" r="151.45" fill="#fdb797"/><path d="M489.49,335.68S553.32,465.24,733.37,390l-41.92-65.73-74.31-26.67Z" transform="translate(-251 -101)" opacity="0.1"/><path d="M489.49,333.78s63.83,129.56,243.88,54.3l-41.92-65.73-74.31-26.67Z" transform="translate(-251 -101)" fill="#333"/><path d="M488.93,325a87.49,87.49,0,0,1,21.69-35.27c29.79-29.45,78.63-35.66,103.68-69.24,6,9.32,1.36,23.65-9,27.65,24-.16,51.81-2.26,65.38-22a44.89,44.89,0,0,1-7.57,47.4c21.27,1,44,15.4,45.34,36.65.92,14.16-8,27.56-19.59,35.68s-25.71,11.85-39.56,14.9C608.86,369.7,462.54,407.07,488.93,325Z" transform="translate(-251 -101)" fill="#333"/><ellipse cx="194.86" cy="372.3" rx="14.09" ry="26.42" fill="#fdb797"/><ellipse cx="497.8" cy="372.3" rx="14.09" ry="26.42" fill="#fdb797"/></svg>
\ No newline at end of file diff --git a/src/views/FaceContent.vue b/src/views/FaceContent.vue index 7e614d05..db144d14 100644 --- a/src/views/FaceContent.vue +++ b/src/views/FaceContent.vue @@ -24,7 +24,7 @@ <EmptyContent v-if="face === undefined && !loadingFiles && !loadingFaces" class="empty-content-with-illustration"> <template #icon> <!-- eslint-disable-next-line vue/no-v-html --> - <span class="empty-content-illustration" v-html="FolderIllustration" /> + <span class="empty-content-illustration" v-html="FaceIllustration" /> </template> {{ t('photos', 'This person could not be found') }} </EmptyContent> @@ -155,7 +155,7 @@ import FilesSelectionMixin from '../mixins/FilesSelectionMixin.js' import FilesListViewer from '../components/FilesListViewer.vue' import File from '../components/File.vue' import Loader from '../components/Loader.vue' -import FolderIllustration from '../assets/Illustrations/folder.svg' +import FaceIllustration from '../assets/Illustrations/face.svg' import logger from '../services/logger.js' import FetchFacesMixin from '../mixins/FetchFacesMixin.js' import Vue from 'vue' @@ -204,7 +204,7 @@ export default { showAddPhotosModal: false, showShareModal: false, showRenameModal: false, - FolderIllustration, + FaceIllustration, loadingCount: 0, } }, |