fix: mobile
This commit is contained in:
parent
e4ad2c4066
commit
2f0364c0d8
3 changed files with 22 additions and 9 deletions
|
|
@ -4,14 +4,15 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid rgba(255,255,255,.1);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .1);
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 45px;
|
||||
|
||||
> a, p {
|
||||
>a,
|
||||
p {
|
||||
font-size: 16px;
|
||||
color: #ffffff;
|
||||
|
||||
|
|
@ -20,7 +21,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
> p {
|
||||
>p {
|
||||
opacity: 0.7;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
|
@ -32,7 +33,7 @@
|
|||
background: transparent;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.header__net_switch {
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
|
|
@ -67,7 +68,8 @@
|
|||
flex-direction: column;
|
||||
gap: 10px;
|
||||
|
||||
> a, p {
|
||||
>a,
|
||||
p {
|
||||
height: 35px;
|
||||
padding: 0 15px;
|
||||
display: flex;
|
||||
|
|
@ -76,7 +78,7 @@
|
|||
color: #ffffff;
|
||||
|
||||
&.selected {
|
||||
background: linear-gradient(to right,#1b3a8a,#32439f);
|
||||
background: linear-gradient(to right, #1b3a8a, #32439f);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -85,7 +87,7 @@
|
|||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media screen and (max-width: 1050px) {
|
||||
.header__top {
|
||||
|
|
@ -100,9 +102,18 @@
|
|||
}
|
||||
}
|
||||
|
||||
.header__top__right {
|
||||
gap: 20px !important;
|
||||
}
|
||||
|
||||
.header__switch_btn {
|
||||
button {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.header__nav__mobile {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -85,6 +85,7 @@ function Header(props: HeaderProps) {
|
|||
|
||||
<div className={styles["header__top__right"]}>
|
||||
<Link
|
||||
className={styles["header__switch_btn"]}
|
||||
href={netMode === "TEST" ? "https://explorer.zano.org/" : "https://testnet.explorer.zano.org/"}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
padding: 18px 20px;
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
white-space: nowrap;
|
||||
|
||||
.status__badge {
|
||||
background-color: #091233;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue