fix(files): Fallback icons should fill the container

Signed-off-by: Ferdinand Thiessen <[email protected]>
nextcloud · Sep 6, 2024 · b7e2d50 · b7e2d50
1 parent 46340d1
commit b7e2d50
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue
@@ -566,8 +566,8 @@ export default defineComponent({
 
 			&-blurhash {
 				position: absolute;
-				top: 0;
-				left: 0;
+				inset-block-start: 0;
+				inset-inline-start: 0;
 				height: 100%;
 				width: 100%;
 				object-fit: cover;
@@ -578,6 +578,9 @@ export default defineComponent({
 				object-fit: contain;
 				object-position: center;
 
+				height: 100%;
+				width: 100%;
+
 				/* Preview not loaded animation effect */
 				&:not(.files-list__row-icon-preview--loaded) {
 					background: var(--color-loading-dark);