2f8f3ca2e9
* 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.
135 lines
1.8 KiB
SCSS
135 lines
1.8 KiB
SCSS
li.nav-item.active {
|
|
background-color: #653b9c;
|
|
}
|
|
|
|
fa-icon {
|
|
font-size: 1.66em;
|
|
}
|
|
|
|
.navbar {
|
|
z-index: 100;
|
|
min-height: 64px;
|
|
}
|
|
|
|
li.nav-item {
|
|
margin: auto 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.navbar {
|
|
padding: 0rem 2rem;
|
|
}
|
|
fa-icon {
|
|
font-size: 1.2em;
|
|
}
|
|
.dropdown-container {
|
|
margin-right: 16px;
|
|
}
|
|
li.nav-item {
|
|
margin: auto 0px;
|
|
padding: 10px;
|
|
}
|
|
}
|
|
|
|
.navbar-nav {
|
|
background: #212121;
|
|
bottom: 0;
|
|
box-shadow: 0px 0px 15px 0px #000;
|
|
flex-direction: row;
|
|
left: 0;
|
|
justify-content: center;
|
|
position: fixed;
|
|
width: 100%;
|
|
@media (min-width: 992px) {
|
|
background: transparent;
|
|
box-shadow: none;
|
|
position: relative;
|
|
width: auto;
|
|
}
|
|
a {
|
|
font-size: 0.8em;
|
|
@media (min-width: 375px) {
|
|
font-size: 1em;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.navbar-collapse {
|
|
flex-basis: auto;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.navbar-collapse {
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
.navbar-brand {
|
|
width: 60%;
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.navbar-brand {
|
|
width: 140px;
|
|
}
|
|
}
|
|
|
|
nav {
|
|
box-shadow: 0px 0px 15px 0px #000;
|
|
}
|
|
|
|
.connection-badge {
|
|
position: absolute;
|
|
top: 13px;
|
|
left: 0px;
|
|
width: 140px;
|
|
}
|
|
|
|
.badge {
|
|
margin: 0 auto;
|
|
display: table;
|
|
}
|
|
|
|
.mainnet.active {
|
|
background-color: #653b9c;
|
|
}
|
|
|
|
.liquid.active {
|
|
background-color: #116761;
|
|
}
|
|
|
|
.testnet.active {
|
|
background-color: #1d486f;
|
|
}
|
|
|
|
.signet.active {
|
|
background-color: #6f1d5d;
|
|
}
|
|
|
|
.dropdown-divider {
|
|
border-top: 1px solid #121420;
|
|
}
|
|
|
|
.dropdown-toggle::after {
|
|
vertical-align: 0.1em;
|
|
}
|
|
|
|
.dropdown-item {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.search-form-container {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
padding-left: 15px;
|
|
}
|
|
}
|
|
.navbar-dark .navbar-nav .nav-link {
|
|
color: #f1f1f1;
|
|
} |