Format share table

This commit is contained in:
Austen Adler 2023-04-17 19:47:27 -04:00
parent 34f1887e10
commit e9faa09614

View File

@ -21,7 +21,7 @@
}); });
</script> </script>
<table class="table-auto"> <table class="table-auto m-4">
<tr> <tr>
<th>Format</th> <th>Format</th>
<th>Value</th> <th>Value</th>
@ -30,21 +30,21 @@
{#each urlFormats as format} {#each urlFormats as format}
<tr class="m-4 border"> <tr class="m-4 border">
<th>{format.toUpperCase()}</th> <th class="p-4 border">{format.toUpperCase()}</th>
<td class="p-4 border"> <td class="p-4 border">
<a class="text-blue-600 p-4" href={xpin.coordinateUrls[format]} target="_blank" <a class="text-blue-600 p-4" href={xpin.coordinateUrls[format]} target="_blank"
>Open in {format}</a >Open in {format}</a
> >
</td> </td>
<td><CopyButton data={xpin.coordinateUrls[format]} /></td> <td class="p-4 border"><CopyButton data={xpin.coordinateUrls[format]} /></td>
</tr> </tr>
{/each} {/each}
{#each formats as format} {#each formats as format}
<tr> <tr class="m-4 border">
<th>{format.toUpperCase()}</th> <th class="p-4 border">{format.toUpperCase()}</th>
<td>{xpin.allCoordinates[format]}</td> <td class="p-4 border">{xpin.allCoordinates[format]}</td>
<td><CopyButton data={xpin.allCoordinates[format]} /></td> <td class="p-4 border"><CopyButton data={xpin.allCoordinates[format]} /></td>
</tr> </tr>
{/each} {/each}
</table> </table>