mirror of
https://github.com/protomaps/PMTiles.git
synced 2026-02-04 10:51:07 +00:00
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:
@@ -426,22 +426,30 @@ function ArchiveView(props: { genericTileset: Accessor<Tileset> }) {
|
||||
<tr>
|
||||
<td class="app-text-light">Root Dir</td>
|
||||
<td>{h().rootDirectoryOffset}</td>
|
||||
<td>{formatBytes(h().rootDirectoryLength)}</td>
|
||||
<td title={h().rootDirectoryLength.toString()}>
|
||||
{formatBytes(h().rootDirectoryLength)}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="app-text-light">Metadata</td>
|
||||
<td>{h().jsonMetadataOffset}</td>
|
||||
<td>{formatBytes(h().jsonMetadataLength)}</td>
|
||||
<td title={h().jsonMetadataLength.toString()}>
|
||||
{formatBytes(h().jsonMetadataLength)}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="app-text-light">Leaf Dirs</td>
|
||||
<td>{h().leafDirectoryOffset}</td>
|
||||
<td>{formatBytes(h().leafDirectoryLength || 0)}</td>
|
||||
<td title={(h().leafDirectoryLength || 0).toString()}>
|
||||
{formatBytes(h().leafDirectoryLength || 0)}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="app-text-light">Tile Data</td>
|
||||
<td>{h().tileDataOffset}</td>
|
||||
<td>{formatBytes(h().tileDataLength || 0)}</td>
|
||||
<td title={(h().tileDataLength || 0).toString()}>
|
||||
{formatBytes(h().tileDataLength || 0)}
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
Reference in New Issue
Block a user