Elijah/drive
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add file type badge next to file name in grid view
All checks were successful
Automated Container Build / build-and-push (push) Successful in 27s
Details

Browse source
This commit is contained in:
Elijah 2026-06-15 16:35:07 -07:00
parent 9ccf29897f
commit f5e9cb019d
1 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/components/FileExplorer.tsx
View file

@ -2176,12 +2176,19 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
/> />
) : ( ) : (
<Tooltip text={file.name}> <Tooltip text={file.name}>
<span <div className="flex items-center gap-2 justify-center w-full px-1">
className={`text-xs font-medium text-center w-full block ${isMobile ? 'whitespace-normal break-words line-clamp-2' : 'truncate'}`} {!file.is_dir && (
style={{ color: 'var(--color-text-primary)' }} <div className="flex-shrink-0 flex items-center justify-center">
> {getFileIcon(file, false)}
{getFileDisplayName(file.name, file.is_dir)} </div>
</span> )}
<span
className={`text-xs font-medium text-center ${isMobile ? 'whitespace-normal break-words line-clamp-2' : 'truncate'}`}
style={{ color: 'var(--color-text-primary)' }}
>
{getFileDisplayName(file.name, file.is_dir)}
</span>
</div>
</Tooltip> </Tooltip>
)} )}
</div> </div>