mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
Matthias Kretschmann
d5e5019cc8
* header space saving & interaction tweaks * remove network name reveal interaction on small viewports * increase header button sizes for all viewports for better tap targets * tweak flex layout * remove caret from version badge on smaller viewports * fix NFT tooltip icon placement * spacing tweak * caret css cleanup * remove reconnecting message * squeeze more space out of network, test label * more space from unsupported network indicator
72 lines
1.3 KiB
CSS
72 lines
1.3 KiB
CSS
.button {
|
|
font-family: var(--font-family-base);
|
|
font-weight: var(--font-weight-bold);
|
|
font-size: var(--font-size-small);
|
|
text-transform: uppercase;
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--border-radius);
|
|
padding: calc(var(--spacer) / 4) calc(var(--spacer) / 3);
|
|
white-space: nowrap;
|
|
background: var(--background-content);
|
|
margin: 0;
|
|
transition: border 0.2s ease-out;
|
|
cursor: pointer;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.button,
|
|
.address {
|
|
color: var(--font-color-text);
|
|
}
|
|
|
|
.button:hover,
|
|
.button:focus {
|
|
transform: none;
|
|
outline: 0;
|
|
}
|
|
|
|
.button.initial {
|
|
color: var(--color-primary);
|
|
}
|
|
|
|
.button.initial span {
|
|
display: none;
|
|
}
|
|
|
|
@media screen and (min-width: 42rem) {
|
|
.button.initial span {
|
|
display: inline;
|
|
margin-left: 0.2rem;
|
|
}
|
|
}
|
|
|
|
.address {
|
|
display: none;
|
|
text-transform: none;
|
|
border-right: 1px solid var(--border-color);
|
|
padding-right: calc(var(--spacer) / 3);
|
|
padding-left: calc(var(--spacer) / 8);
|
|
}
|
|
|
|
@media screen and (min-width: 60rem) {
|
|
.address {
|
|
display: inline-block;
|
|
}
|
|
|
|
.blockies {
|
|
margin-right: calc(var(--spacer) / 6);
|
|
}
|
|
}
|
|
|
|
.status {
|
|
margin-left: calc(var(--spacer) / 4);
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
.caret {
|
|
composes: caret from '../Menu.module.css';
|
|
}
|