diff options
| author | Louis Chemineau <louis@chmn.me> | 2024-08-29 14:27:59 +0200 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-08-29 23:08:11 +0200 |
| commit | 56e4859201d80d3ea444bc88647d96ad71b59f88 (patch) | |
| tree | b307b795be9ad14a471a90fd6794a264ef181faa /apps/files/src/components/FilesListVirtual.vue | |
| parent | 19dd32962de7a73ecc934f8e7a5340d09fd24317 (diff) | |
| download | nextcloud-server-56e4859201d80d3ea444bc88647d96ad71b59f88.tar.gz nextcloud-server-56e4859201d80d3ea444bc88647d96ad71b59f88.zip | |
feat: Use the blurhash in Files
Signed-off-by: Louis Chemineau <louis@chmn.me>
Diffstat (limited to 'apps/files/src/components/FilesListVirtual.vue')
| -rw-r--r-- | apps/files/src/components/FilesListVirtual.vue | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue index 14c846bc727..a791abdb3eb 100644 --- a/apps/files/src/components/FilesListVirtual.vue +++ b/apps/files/src/components/FilesListVirtual.vue @@ -556,11 +556,24 @@ export default defineComponent({ } } - &-preview { + &-preview-container { + position: relative; // Needed for the blurshash to be positioned correctly overflow: hidden; width: var(--icon-preview-size); height: var(--icon-preview-size); border-radius: var(--border-radius); + } + + &-blurhash { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + object-fit: cover; + } + + &-preview { // Center and contain the preview object-fit: contain; object-position: center; |