change grid file icon size to 80px (#7363)

haiwen · Jan 15, 2025 · 3a4ce4e · 3a4ce4e
1 parent 61215e4
commit 3a4ce4e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/dirent-grid-view/dirent-grid-item.js b/frontend/src/components/dirent-grid-view/dirent-grid-item.js
@@ -324,7 +324,7 @@ class DirentGridItem extends React.Component {
           >
             {(this.canPreview && dirent.encoded_thumbnail_src) ?
               <img src={`${siteRoot}${dirent.encoded_thumbnail_src || ''}`} className="thumbnail" onClick={this.onItemClick} alt=""/> :
-              <img src={Utils.getDirentIcon(dirent, true)} width="96" alt='' />
+              <img src={Utils.getDirentIcon(dirent, true)} width="80" height="80" alt='' />
             }
             {is_locked &&
               <img

diff --git a/frontend/src/shared-dir-view.js b/frontend/src/shared-dir-view.js
@@ -977,7 +977,7 @@ class GridItem extends React.Component {
       return (
         <li className="grid-item" onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut} onFocus={this.handleMouseOver}>
           <a href={folderURL} className="grid-file-img-link d-block">
-            <img src={Utils.getFolderIconUrl(false, 192)} alt="" width="96" height="96" />
+            <img src={Utils.getFolderIconUrl(false, 192)} alt="" width="80" height="80" />
           </a>
           <a href={folderURL} className="grid-file-name grid-file-name-link">{item.folder_name}</a>
           {showDownloadIcon &&
@@ -994,7 +994,7 @@ class GridItem extends React.Component {
           <a href={fileURL} className="grid-file-img-link d-block" onClick={this.handleFileClick}>
             {thumbnailURL ?
               <img className="thumbnail" src={thumbnailURL} alt="" /> :
-              <img src={Utils.getFileIconUrl(item.file_name)} alt="" width="96" height="96" />
+              <img src={Utils.getFileIconUrl(item.file_name)} alt="" width="80" height="80" />
             }
           </a>
           <a href={fileURL} className="grid-file-name grid-file-name-link" onClick={this.handleFileClick}>{item.file_name}</a>