use table for display

This commit is contained in:
Rob Weber 2024-07-29 13:32:13 +00:00
parent 54d9351a42
commit c5ba4f356f

View file

@ -91,12 +91,20 @@ function formatBytes(bytes: number, decimals = 2) {
<p v-html="raidInfo"></p>
</c-card>
<c-card title="Results">
<n-statistic label="Capacity" mb-2 v-if="inputsValid">
{{ calculatedCapacity }}
</n-statistic>
<n-statistic label="Fault Tolerance" mb-2 v-if="inputsValid">
<n-table v-if="inputsValid">
<tbody>
<tr>
<td font-bold width="30%">Capacity</td>
<td>{{ calculatedCapacity }}</td>
</tr>
<tr>
<td font-bold width="30%">Fault Tolerance</td>
<td :value="calculatedFaultTolerance">
{{ calculatedFaultTolerance }}
</n-statistic>
</td>
</tr>
</tbody>
</n-table>
</c-card>
</div>
</template>