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())
{
<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>
<tr>
<th class="w-125px">Date</th>
@ -62,6 +63,7 @@
}
</tbody>
</table>
</div>
}
else
{

View file

@ -31,7 +31,8 @@
}
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>
<tr>
<th class="w-125px">Date</th>
@ -86,6 +87,7 @@
}
</tbody>
</table>
</div>
}
else
{

View file

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