From 35a00d46cd8c8e007059b043ba65aa4b9700e22d Mon Sep 17 00:00:00 2001 From: Louis Chemineau Date: Mon, 22 Jul 2024 15:06:19 +0200 Subject: [PATCH] fix(files): Reduce preview size in grid view mode Signed-off-by: Louis Chemineau --- apps/files/src/components/FilesListVirtual.vue | 2 +- apps/files/src/components/VirtualList.vue | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue index 313e1d56fdf..c8c665d5586 100644 --- a/apps/files/src/components/FilesListVirtual.vue +++ b/apps/files/src/components/FilesListVirtual.vue @@ -749,7 +749,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 index 837ed4ef0ac..dced8e40dc6 100644 --- a/apps/files/src/components/VirtualList.vue +++ b/apps/files/src/components/VirtualList.vue @@ -123,13 +123,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() {