viewer: display raw values as tooltips for human-readable byte lengths (#622)

* viewer: display raw values as tooltips for human-readable byte lengths
This commit is contained in:
Brandon Liu
2025-12-15 22:56:51 +08:00
committed by GitHub
parent d87d807116
commit fb6edcd31d

View File

@@ -426,22 +426,30 @@ function ArchiveView(props: { genericTileset: Accessor<Tileset> }) {
<tr> <tr>
<td class="app-text-light">Root Dir</td> <td class="app-text-light">Root Dir</td>
<td>{h().rootDirectoryOffset}</td> <td>{h().rootDirectoryOffset}</td>
<td>{formatBytes(h().rootDirectoryLength)}</td> <td title={h().rootDirectoryLength.toString()}>
{formatBytes(h().rootDirectoryLength)}
</td>
</tr> </tr>
<tr> <tr>
<td class="app-text-light">Metadata</td> <td class="app-text-light">Metadata</td>
<td>{h().jsonMetadataOffset}</td> <td>{h().jsonMetadataOffset}</td>
<td>{formatBytes(h().jsonMetadataLength)}</td> <td title={h().jsonMetadataLength.toString()}>
{formatBytes(h().jsonMetadataLength)}
</td>
</tr> </tr>
<tr> <tr>
<td class="app-text-light">Leaf Dirs</td> <td class="app-text-light">Leaf Dirs</td>
<td>{h().leafDirectoryOffset}</td> <td>{h().leafDirectoryOffset}</td>
<td>{formatBytes(h().leafDirectoryLength || 0)}</td> <td title={(h().leafDirectoryLength || 0).toString()}>
{formatBytes(h().leafDirectoryLength || 0)}
</td>
</tr> </tr>
<tr> <tr>
<td class="app-text-light">Tile Data</td> <td class="app-text-light">Tile Data</td>
<td>{h().tileDataOffset}</td> <td>{h().tileDataOffset}</td>
<td>{formatBytes(h().tileDataLength || 0)}</td> <td title={(h().tileDataLength || 0).toString()}>
{formatBytes(h().tileDataLength || 0)}
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>