237899745/vue-driven-cloud-storage
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(desktop): enforce square file cards and icon tiles

Browse Source
This commit is contained in:
yuyx
2026-02-18 19:29:25 +08:00
parent 24ac734503
commit 8736a127a5
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
desktop-client/src/App.vue
View File

@@ -1382,7 +1382,8 @@ select:focus {
.icon-grid { .icon-grid {
display: grid; display: grid;
gap: 10px; 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; align-content: start;
min-height: 0; min-height: 0;
overflow: auto; overflow: auto;
@@ -1400,8 +1401,8 @@ select:focus {
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
gap: 4px; gap: 4px;
width: 100%; width: 140px;
aspect-ratio: 1 / 1; height: 140px;
overflow: hidden; overflow: hidden;
} }
@@ -1417,7 +1418,14 @@ select:focus {
} }
.file-icon-glyph { .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; line-height: 1;
margin-bottom: 6px; margin-bottom: 6px;
} }