Dashboard: Add table-responsive wrapper for transactions and invoices (#6006)

Fixes #5721.
This commit is contained in:
d11n 2024-05-24 07:11:05 +02:00 committed by nicolas.dorier
parent a3b0bbe861
commit fefb99dfa2
No known key found for this signature in database
GPG key ID: 6618763EF09186FE
3 changed files with 84 additions and 80 deletions

View file

@ -34,7 +34,8 @@
} }
else if (Model.Invoices.Any()) else if (Model.Invoices.Any())
{ {
<table class="table table-hover mt-3 mb-0"> <div class="table-responsive mt-3 mb-0">
<table class="table table-hover mb-0">
<thead> <thead>
<tr> <tr>
<th class="w-125px">Date</th> <th class="w-125px">Date</th>
@ -62,6 +63,7 @@
} }
</tbody> </tbody>
</table> </table>
</div>
} }
else else
{ {

View file

@ -31,7 +31,8 @@
} }
else if (Model.Transactions.Any()) else if (Model.Transactions.Any())
{ {
<table class="table table-hover mt-3 mb-0"> <div class="table-responsive mt-3 mb-0">
<table class="table table-hover mb-0">
<thead> <thead>
<tr> <tr>
<th class="w-125px">Date</th> <th class="w-125px">Date</th>
@ -86,6 +87,7 @@
} }
</tbody> </tbody>
</table> </table>
</div>
} }
else else
{ {

View file

@ -473,7 +473,7 @@ svg.icon-note {
font-weight: var(--btcpay-font-weight-bold); font-weight: var(--btcpay-font-weight-bold);
} }
.widget .table { .widget *:not([class*='table-responsive']) > .table {
margin-left: -.5rem; margin-left: -.5rem;
margin-right: -.5rem; margin-right: -.5rem;
width: calc(100% + 1rem); width: calc(100% + 1rem);