From 8736a127a55b25a11e6216fb6d316d3fb0e2ba66 Mon Sep 17 00:00:00 2001 From: yuyx <237899745@qq.com> Date: Wed, 18 Feb 2026 19:29:25 +0800 Subject: [PATCH] fix(desktop): enforce square file cards and icon tiles --- desktop-client/src/App.vue | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/desktop-client/src/App.vue b/desktop-client/src/App.vue index bb2dd43..255bd28 100644 --- a/desktop-client/src/App.vue +++ b/desktop-client/src/App.vue @@ -1382,7 +1382,8 @@ select:focus { .icon-grid { display: grid; gap: 10px; - grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); + grid-template-columns: repeat(auto-fill, 140px); + justify-content: flex-start; align-content: start; min-height: 0; overflow: auto; @@ -1400,8 +1401,8 @@ select:focus { flex-direction: column; justify-content: flex-start; gap: 4px; - width: 100%; - aspect-ratio: 1 / 1; + width: 140px; + height: 140px; overflow: hidden; } @@ -1417,7 +1418,14 @@ select:focus { } .file-icon-glyph { - font-size: 28px; + width: 44px; + height: 44px; + border-radius: 10px; + border: 1px solid #d7e4f8; + background: #f2f7ff; + display: grid; + place-items: center; + font-size: 24px; line-height: 1; margin-bottom: 6px; }