Add thead and tbody to every table for svelte 5 compatibility

This commit is contained in:
2024-11-06 19:12:52 +01:00
parent a6880b528a
commit 83ec1fc516
17 changed files with 1452 additions and 1639 deletions

View File

@@ -117,40 +117,42 @@ onMount(() => {
</div>
<table>
<tr>
<td>Opening balance</td>
<td><Euro amount={transactions.balance_start} precision="4"/></td>
</tr>
<tr>
<td>Closing balance</td>
<td><Euro amount={transactions.balance_end} precision="4"/></td>
</tr>
<tr>
<td>Total charge</td>
<td><Euro amount={transactions.total_deducted} precision="4"/></td>
</tr>
<tr>
<td>Subscription charge</td>
<td><Euro amount={transactions.total_subscription_charge} precision="4"/></td>
</tr>
<tr>
<td>Storage charge</td>
<td>
<Euro amount={transactions.total_storage_charge} precision="4"/>
(used {formatDataVolume(transactions.total_storage_used, 3)})
</td>
</tr>
<tr>
<td>Bandwidth charge</td>
<td>
<Euro amount={transactions.total_bandwidth_charge} precision="4"/>
(used {formatDataVolume(transactions.total_bandwidth_used, 3)})
</td>
</tr>
<tr>
<td>Deposited</td>
<td><Euro amount={transactions.total_deposited} precision="4"/></td>
</tr>
<tbody>
<tr>
<td>Opening balance</td>
<td><Euro amount={transactions.balance_start} precision="4"/></td>
</tr>
<tr>
<td>Closing balance</td>
<td><Euro amount={transactions.balance_end} precision="4"/></td>
</tr>
<tr>
<td>Total charge</td>
<td><Euro amount={transactions.total_deducted} precision="4"/></td>
</tr>
<tr>
<td>Subscription charge</td>
<td><Euro amount={transactions.total_subscription_charge} precision="4"/></td>
</tr>
<tr>
<td>Storage charge</td>
<td>
<Euro amount={transactions.total_storage_charge} precision="4"/>
(used {formatDataVolume(transactions.total_storage_used, 3)})
</td>
</tr>
<tr>
<td>Bandwidth charge</td>
<td>
<Euro amount={transactions.total_bandwidth_charge} precision="4"/>
(used {formatDataVolume(transactions.total_bandwidth_used, 3)})
</td>
</tr>
<tr>
<td>Deposited</td>
<td><Euro amount={transactions.total_deposited} precision="4"/></td>
</tr>
</tbody>
</table>
<style>