Responsiveness fixes.

This commit is contained in:
softsimon
2020-07-19 13:46:30 +07:00
parent 3603edb74a
commit 9f1a3930d7
8 changed files with 40 additions and 14 deletions

View File

@@ -4,7 +4,7 @@
<table class="table table-borderless table-striped">
<tbody>
<tr>
<td>Inputs</td>
<td class="td-width">Inputs</td>
<td>{{ totalInput / 100 | number: '1.2-2' }} BSQ</td>
</tr>
<tr>
@@ -20,9 +20,9 @@
</div>
<div class="col-sm">
<table class="table table-borderless table-striped">
<tbody>
<tbody class="mobile-even">
<tr>
<td>Type</td>
<td class="td-width">Type</td>
<td><app-bisq-icon class="mr-1" [txType]="tx.txType"></app-bisq-icon> {{ tx.txTypeDisplayString }}</td>
</tr>
<tr>

View File

@@ -0,0 +1,11 @@
@media (max-width: 767.98px) {
.td-width {
width: 150px;
}
.mobile-even tr:nth-of-type(even) {
background-color: #181b2d;
}
.mobile-even tr:nth-of-type(odd) {
background-color: inherit;
}
}