fix(files): Reduce preview size in grid view mode

Signed-off-by: Louis Chemineau <louis@chmn.me>
nextcloud · Jul 22, 2024 · 27c0bef · 27c0bef
1 parent 9c25a2b
commit 27c0bef
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue
@@ -688,7 +688,7 @@ export default defineComponent({
 tbody.files-list__tbody.files-list__tbody--grid {
 	--half-clickable-area: calc(var(--clickable-area) / 2);
 	--item-padding: 16px;
-	--icon-preview-size: 208px;
+	--icon-preview-size: 166px;
 	--name-height: 32px;
 	--mtime-height: 16px;
 	--row-width: calc(var(--icon-preview-size));

diff --git a/apps/files/src/components/VirtualList.vue b/apps/files/src/components/VirtualList.vue
@@ -131,13 +131,13 @@ export default Vue.extend({
 
 		itemHeight() {
 			// Align with css in FilesListVirtual
-			// 208px + 32px (name) + 16px (mtime) + 16px (padding) + 22px (grid gap)
-			return this.gridMode ? (208 + 32 + 16 + 16 + 22) : 55
+			// 166px + 32px (name) + 16px (mtime) + 16px (padding) + 22px (grid gap)
+			return this.gridMode ? (166 + 32 + 16 + 16 + 22) : 55
 		},
 		// Grid mode only
 		itemWidth() {
-			// 208px + 16px padding + 22px grid gap
-			return 208 + 16 + 22
+			// 166px + 16px padding + 22px grid gap
+			return 166 + 16 + 22
 		},
 
 		rowCount() {

diff --git a/dist/files-main.js b/dist/files-main.js
diff --git a/dist/files-main.js.map b/dist/files-main.js.map