New concept for dashboard layout components. (#469)

* New concept for dashboard layout components.

* Align dashboard componentes.

* Add divider to fee box component.

* Remove TV icon from mobile and tablet queries.

* Fix form input overflow.

* Add responsive css to statistic component.

* Add responsive css to about page.

* Add global padding bottom.

* Fix graph page styles.

* Add responsive chart and scrollable table.

* Fix mobile css query for navbar menus.

* Fix pagination responsive css.

* Add CSS animated logo.

* Revert "Add CSS animated logo."

This reverts commit 92af38294c0d4fe815a801b37635cde7f8ee1ced.

* Add extra skeleton to fee-box-component.

* Fix latest-blocks and latest-transactions table css.

* Adapt Bisq pages to responsive layout.

* Remove parenthesis from fiat amout.
Fiat prive break not break on desktop.
Transaction ID align left.
Fee box skeleton width resize.

* Fix mobile table text-size.

* Fix dashboard mempool info mobile alignment.
This commit is contained in:
Miguel Medeiros
2021-05-03 10:11:30 -03:00
committed by GitHub
parent 39bb93970b
commit 2f8f3ca2e9
50 changed files with 1485 additions and 416 deletions

View File

@@ -1,7 +1,13 @@
.container-graph {
padding: 0px 15px;
}
.card-header {
border-bottom: 0;
background-color: none;
font-size: 20px;
font-size: 18px;
@media (min-width: 465px) {
font-size: 20px;
}
}
.card {
@@ -15,12 +21,23 @@
margin-right: 10px;
}
@media (max-width: 767.98px) {
.container-xl {
padding: 0;
}
.card-body {
.card-body {
@media (max-width: 767.98px) {
padding-left: 0;
padding-right: 0;
}
}
.formRadioGroup{
margin-top: 6px;
@media (min-width: 653px) {
float: right;
margin-top: 0px;
}
.btn-sm {
font-size: 10px;
@media (min-width: 768px) {
font-size: 14px;
}
}
}