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

fix : second screen styling done...

Browse Source
This commit is contained in:
karthik 2025-08-17 14:42:05 +05:30
parent 7143b72407
commit 54f2ff8381
1 changed files with 8 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
btc-UI/src/app/components/shared-table/shared-table.component.html
View File

@ -1,4 +1,3 @@
<!-- shared-table.component.html -->
<div class="wrapper">
<div class="middle-section-container container-fluid mt-3 px-4">
<!-- Transaction Summary -->
@ -7,11 +6,6 @@
<h5 class="text-center mb-3">Transaction Summary</h5>
<div class="rounded flex-grow-1" style="background-color: #f1f1f1df; padding: 1rem; overflow: hidden">
<table class="table borderless-custom w-100 text-dark mb-0 transaction_tb">
<colgroup>
<col style="width: 20%" />
<col style="width: 15%" />
<col style="width: 65%" />
</colgroup>
<tbody>
<tr *ngFor="let row of summaryRows">
<td class="custom-cell pure-white col-20">{{ row.col1 }}</td>
@ -26,14 +20,11 @@
<!-- Main Table -->
<div class="main-table">
<div class="p-2 rounded h-100 d-flex flex-column justify-content-between" style="background-color: #f1f1f1df">
<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 rows">
<td class="custom-cell-new">{{ row.label }}</td>
@ -47,13 +38,15 @@
</table>
<div class="buttons-custom d-flex justify-content-between align-items-center px-3">
<div></div>
<div class="fw-bold fs-5">Amount : ₹ {{ totalAmount }}</div>
<div class="fw-bold">Amount : {{ totalAmount }}</div>
</div>
</div>
</div>
</div>
<footer class="footer" [ngStyle]="{ 'background-color': isConnected ? '#d1ffd1' : '#ffcccc' }">
<div class="live-data-text">Live Data: {{ message || 'Disconnected' }}</div>
<div class="live-data-text">
Live Data: {{ message || 'Disconnected' }}
</div>
</footer>
</div>