fix: mobile

This commit is contained in:
AzizbekFayziyev 2025-06-03 19:01:56 +05:00
parent e4ad2c4066
commit 2f0364c0d8
3 changed files with 22 additions and 9 deletions

View file

@ -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;
}
}
}
}

View file

@ -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"

View file

@ -7,6 +7,7 @@
padding: 18px 20px;
display: flex;
gap: 20px;
white-space: nowrap;
.status__badge {
background-color: #091233;