Aydogdy
/
react-typescript-chess-federation
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

burger adaptive

This commit is contained in:
VividTruthKeeper 2022-08-10 23:46:23 +05:00
parent 656e69aa88
commit a3de8b08a9
2 changed files with 53 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/global/Burger.tsx
View File

@ -47,24 +47,66 @@ const Burger = ({
</div>
<ul className="burger-inner-dropdown">
<li>
<Link to="/about-us">О федерации</Link>
<Link
to="/about-us"
onClick={() => {
setBurgerOpen(false);
}}
>
О федерации
</Link>
</li>
<li>
<Link to="/structure">Структура федерации</Link>
<Link
to="/structure"
onClick={() => {
setBurgerOpen(false);
}}
>
Структура федерации
</Link>
</li>
</ul>
</li>
<li>
<Link to={"/events"}>Новости и события</Link>
<Link
to={"/news"}
onClick={() => {
setBurgerOpen(false);
}}
>
Новости и события
</Link>
</li>
<li>
<Link to={"/tournaments"}>Турниры</Link>
<Link
to={"/tournaments"}
onClick={() => {
setBurgerOpen(false);
}}
>
Турниры
</Link>
</li>
<li>
<Link to={"/rating"}>Рейтинг</Link>
<Link
to={"/rating"}
onClick={() => {
setBurgerOpen(false);
}}
>
Рейтинг
</Link>
</li>
<li>
<Link to={"/contact"}>Контакты</Link>
<Link
to={"/contact"}
onClick={() => {
setBurgerOpen(false);
}}
>
Контакты
</Link>
</li>
</ul>
</div>

6
src/styles/_burger.scss
View File

@ -9,8 +9,10 @@
z-index: 99999999;
background: rgba(0, 0, 0, 0.5);
@include transition-std;
pointer-events: none;
&.active {
pointer-events: all;
@include transition-std;
width: 100vw;
opacity: 1;
@ -67,7 +69,8 @@
.burger-inner-dropdown {
li {
a {
padding: 2.4rem 4.8rem;
padding: 2.4rem 4rem;
padding-right: 1rem;
@include transition-std;
}
}
@ -122,6 +125,7 @@
.burger-inner-dropdown {
li {
a {
font-size: 1.8rem;
border: none;
padding: 2.4rem 0rem;
@include transition-std;