diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-16 12:06:54 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-16 12:06:54 +0900 |
| commit | 481b46ac9e40d7cd6ebbb69ae93a17a6b3fe8cae (patch) | |
| tree | ab90a30a51a5d7218c5e52ac95dec13ac4178fa8 /src/client/components | |
| parent | Improve UI (diff) | |
| download | sharkey-481b46ac9e40d7cd6ebbb69ae93a17a6b3fe8cae.tar.gz sharkey-481b46ac9e40d7cd6ebbb69ae93a17a6b3fe8cae.tar.bz2 sharkey-481b46ac9e40d7cd6ebbb69ae93a17a6b3fe8cae.zip | |
Tweak UI
Diffstat (limited to 'src/client/components')
| -rw-r--r-- | src/client/components/drive-file-thumbnail.vue | 2 | ||||
| -rw-r--r-- | src/client/components/img-with-blurhash.vue | 2 | ||||
| -rw-r--r-- | src/client/components/media-image.vue | 2 |
3 files changed, 4 insertions, 2 deletions
diff --git a/src/client/components/drive-file-thumbnail.vue b/src/client/components/drive-file-thumbnail.vue index 91f57d1f49..aadf22ed77 100644 --- a/src/client/components/drive-file-thumbnail.vue +++ b/src/client/components/drive-file-thumbnail.vue @@ -26,7 +26,7 @@ import { faFileArchive, faFilm } from '@fortawesome/free-solid-svg-icons'; -import ImgWithBlurhash from './img-with-blurhash.vue'; +import ImgWithBlurhash from '@client/components/img-with-blurhash.vue'; import { ColdDeviceStorage } from '@client/store'; export default defineComponent({ diff --git a/src/client/components/img-with-blurhash.vue b/src/client/components/img-with-blurhash.vue index 7606708e9b..7e80b00208 100644 --- a/src/client/components/img-with-blurhash.vue +++ b/src/client/components/img-with-blurhash.vue @@ -71,6 +71,7 @@ export default defineComponent({ <style lang="scss" scoped> .xubzgfgb { + position: relative; width: 100%; height: 100%; @@ -82,6 +83,7 @@ export default defineComponent({ } > canvas { + position: absolute; object-fit: cover; } diff --git a/src/client/components/media-image.vue b/src/client/components/media-image.vue index 4de5daa84f..5760466138 100644 --- a/src/client/components/media-image.vue +++ b/src/client/components/media-image.vue @@ -27,7 +27,7 @@ import { faExclamationTriangle, faEyeSlash } from '@fortawesome/free-solid-svg-i import { getStaticImageUrl } from '@client/scripts/get-static-image-url'; import { extractAvgColorFromBlurhash } from '@client/scripts/extract-avg-color-from-blurhash'; import ImageViewer from './image-viewer.vue'; -import ImgWithBlurhash from './img-with-blurhash.vue'; +import ImgWithBlurhash from '@client/components/img-with-blurhash.vue'; import * as os from '@client/os'; export default defineComponent({ |