MathewFrancis/btc_horse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : # is showing for {isBoxed : true}

Browse Source
This commit is contained in:
karthik 2025-08-04 01:21:11 +05:30
parent 717bc895a6
commit 79cc372c6a
1 changed files with 27 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
btc-UI/src/app/components/middle-section/middle-section.component.html
View File

@ -1,6 +1,5 @@
<!-- Responsive Container -->
<div class="middle-section-container" [ngStyle]="{ height: containerHeight }">
<!-- Transaction Summary -->
<div class="transaction-summary">
<div
@ -8,7 +7,6 @@
style="background-color: #546c98"
>
<h5 class="text-center mb-3">Transaction Summary</h5>
<div
class="rounded flex-grow-1"
style="background-color: #f1f1f1df; padding: 1rem; overflow: hidden"
@ -34,36 +32,31 @@
</div>
<!-- Main Table -->
<div class="main-table ">
<div
class="p-2 rounded h-100 d-flex flex-column justify-content-between"
style="background-color: #f1f1f1df"
>
<table class="table borderless-custom w-100 mb-2 table-main">
<colgroup>
<col style="width: 12%" />
<col style="width: 60%" />
<col style="width: 10%" />
<col style="width: 18%" />
</colgroup>
<tbody>
<tr *ngFor="let row of filledRows">
<td class="custom-cell-new-1">{{ row.label }}</td>
<td class="custom-cell-new">{{ row.numbers.join(', ') }}</td>
<td class="custom-cell-new-2">{{ row.value || '' }}</td>
<td class="custom-cell-new-3">{{ row.total || '' }}</td>
</tr>
</tbody>
</table>
<div class="buttons-custom d-flex justify-content-between align-items-center">
<button class="btn btn-dark">Repeat</button>
<div class="fw-bold fs-5">Amount : ₹ {{ grandTotal }}</div>
</div>
<div class="main-table">
<div
class="p-2 rounded h-100 d-flex flex-column justify-content-between"
style="background-color: #f1f1f1df"
>
<table class="table borderless-custom w-100 mb-2 table-main">
<colgroup>
<col style="width: 12%" /> <!-- Label column -->
<col style="width: 60%" /> <!-- Numbers column -->
<col style="width: 10%" /> <!-- Value column -->
<col style="width: 18%" /> <!-- Total column -->
</colgroup>
<tbody>
<tr *ngFor="let row of filledRows">
<td class="custom-cell-new-1">{{ row.label }}</td>
<td class="custom-cell-new">{{ row.isBoxed ? '# ' : '' }}{{ row.numbers.join(', ') }}</td>
<td class="custom-cell-new-2">{{ row.value || '' }}</td>
<td class="custom-cell-new-3">{{ row.total || '' }}</td>
</tr>
</tbody>
</table>
<div class="buttons-custom d-flex justify-content-between align-items-center">
<button class="btn btn-dark">Repeat</button>
<div class="fw-bold fs-5">Amount : ₹ {{ grandTotal }}</div>
</div>
</div>
</div>
</div>