mirror of
https://github.com/nimbold/Firelink.git
synced 2026-08-19 23:52:16 +00:00
fix(ui): prevent download table column overflow
This commit is contained in:
@@ -72,12 +72,12 @@ export const DownloadItem = React.memo<DownloadItemProps>(({
|
||||
<span className="shrink-0 text-text-muted">
|
||||
{getCategoryIcon(download.category)}
|
||||
</span>
|
||||
<span className="download-file-name">
|
||||
<span className="download-file-name" title={download.fileName}>
|
||||
{download.fileName}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="download-cell-truncate">
|
||||
<span className="tabular-nums">
|
||||
{download.size && download.size !== '-' ? download.size : 'Unknown'}
|
||||
</span>
|
||||
@@ -128,13 +128,13 @@ export const DownloadItem = React.memo<DownloadItemProps>(({
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="download-cell-truncate">
|
||||
<span ref={speedTextRef} className="tabular-nums">
|
||||
{download.status === 'downloading' ? download.speed : download.status === 'processing' ? 'Processing…' : '-'}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
||||
<div className="download-cell-truncate">
|
||||
<span ref={etaTextRef} className="tabular-nums">
|
||||
{download.status === 'downloading' ? download.eta : download.status === 'processing' ? 'Muxing…' : '-'}
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user