Fix some mobile UI issues on mining dashboard

This commit is contained in:
nymkappa
2022-03-31 18:14:07 +09:00
parent 2374f98ca8
commit 2b79d6c935
14 changed files with 50 additions and 123 deletions

View File

@@ -1,5 +1,5 @@
<div style="min-height: 295px">
<table class="table latest-transactions">
<table class="table latest-adjustments">
<thead>
<tr>
<th class="d-none d-md-block" i18n="block.height">Height</th>

View File

@@ -1,4 +1,4 @@
.latest-transactions {
.latest-adjustments {
width: 100%;
text-align: left;
table-layout:fixed;
@@ -7,34 +7,8 @@
}
td {
width: 25%;
}
.table-cell-satoshis {
display: none;
text-align: right;
@media (min-width: 576px) {
display: table-cell;
@media (max-width: 376px) {
padding: 0.85rem;
}
@media (min-width: 768px) {
display: none;
}
@media (min-width: 1100px) {
display: table-cell;
}
}
.table-cell-fiat {
display: none;
text-align: right;
@media (min-width: 485px) {
display: table-cell;
}
@media (min-width: 768px) {
display: none;
}
@media (min-width: 992px) {
display: table-cell;
}
}
.table-cell-fees {
text-align: right;
}
}