public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

use table for display

Browse Source
This commit is contained in:
Rob Weber 2024-07-29 13:32:13 +00:00
parent 54d9351a42
commit c5ba4f356f
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/tools/raid-calculator/raid-calculator.vue
View File

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