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; }