Change Elements hidden on Mobile

This commit is contained in:
Larvey
2022-06-12 00:59:12 -04:00
committed by GitHub
parent ec92a1d89c
commit 21c08cbe63

View File

@@ -87,10 +87,10 @@ export default function DownloadComponent() {
const ths = ( const ths = (
<tr> <tr>
<th>Name</th> <th>Name</th>
{width > 576 ? <th>Size</th> : ``} <th>Size</th>
<th>Down</th> {width > 576 ? <th>Down</th> : ``}
<th>Up</th> {width > 576 ? <th>Up</th> : ``}
{width > 576 ? <th>ETA</th> : ``} <th>ETA</th>
<th>Progress</th> <th>Progress</th>
</tr> </tr>
); );
@@ -139,22 +139,23 @@ export default function DownloadComponent() {
</Text> </Text>
</Tooltip> </Tooltip>
</td> </td>
{width > 576 ?
<td> <td>
<Text size="xs">{size > 0 ? (size > 999 ? `${(size / 1024).toFixed(1)} GB` : `${size.toFixed(1)} MB`) : '-' }</Text> <Text size="xs">{size > 0 ? (size > 999 ? `${(size / 1024).toFixed(1)} GB` : `${size.toFixed(1)} MB`) : '-' }</Text>
</td> : </td>
``} {width > 576 ?
<td> <td>
<Text size="xs">{downloadSpeed > 0 ? `${downloadSpeed.toFixed(1)} Mb/s` : '-'}</Text> <Text size="xs">{downloadSpeed > 0 ? `${downloadSpeed.toFixed(1)} Mb/s` : '-'}</Text>
</td> </td>
<td> :
<Text size="xs">{uploadSpeed > 0 ? `${uploadSpeed.toFixed(1)} Mb/s` : '-'}</Text> ``}
</td>
{width > 576 ? {width > 576 ?
<td> <td>
<Text size="xs">{torrent.eta <= 0 ? '∞' : calculateETA(torrent.eta)}</Text> <Text size="xs">{uploadSpeed > 0 ? `${uploadSpeed.toFixed(1)} Mb/s` : '-'}</Text>
</td> : </td> :
``} ``}
<td>
<Text size="xs">{torrent.eta <= 0 ? '∞' : calculateETA(torrent.eta)}</Text>
</td>
<td> <td>
<Text>{(torrent.progress * 100).toFixed(1)}%</Text> <Text>{(torrent.progress * 100).toFixed(1)}%</Text>
<Progress <Progress