Compare commits
13 Commits
d9129ab4da
...
848af66a75
Author | SHA1 | Date | |
---|---|---|---|
|
848af66a75 | ||
|
aca6908ce9 | ||
|
be7e506457 | ||
|
b0f8c647ee | ||
|
b259623ab6 | ||
|
2a28b068b6 | ||
|
e335b05290 | ||
|
b1b0876238 | ||
|
d18528bcf6 | ||
|
7743f30faa | ||
|
8bd4373546 | ||
|
9a1cc39027 | ||
|
1e6b3d2c0b |
@ -173,30 +173,60 @@ export const Header = () => {
|
||||
<div className={navStyles.NavMainBottom}>
|
||||
<div className={mainStyles.ContainerMain}>
|
||||
<div className={navStyles.NavMainBottomInside}>
|
||||
<Link
|
||||
to={appRoutes.games}
|
||||
className={navStyles.NavMainBottomInsideLink}
|
||||
>
|
||||
Games
|
||||
</Link>
|
||||
<Link
|
||||
to={appRoutes.mods}
|
||||
className={navStyles.NavMainBottomInsideLink}
|
||||
>
|
||||
Mods
|
||||
</Link>
|
||||
<Link
|
||||
to={appRoutes.about}
|
||||
className={navStyles.NavMainBottomInsideLink}
|
||||
>
|
||||
About
|
||||
</Link>
|
||||
<Link
|
||||
to={appRoutes.blog}
|
||||
className={navStyles.NavMainBottomInsideLink}
|
||||
>
|
||||
Blog
|
||||
</Link>
|
||||
<div className={`${navStyles.NavMainBottomInsideOther} ${navStyles.NavMainBottomInsideOtherLeft}`}></div>
|
||||
<div className={navStyles.NavMainBottomInsideLinks}>
|
||||
<Link
|
||||
to={appRoutes.games}
|
||||
className={navStyles.NavMainBottomInsideLink}
|
||||
>
|
||||
Games
|
||||
</Link>
|
||||
<Link
|
||||
to={appRoutes.mods}
|
||||
className={navStyles.NavMainBottomInsideLink}
|
||||
>
|
||||
Mods
|
||||
</Link>
|
||||
<Link
|
||||
to={appRoutes.about}
|
||||
className={navStyles.NavMainBottomInsideLink}
|
||||
>
|
||||
About
|
||||
</Link>
|
||||
<Link
|
||||
to={appRoutes.blog}
|
||||
className={navStyles.NavMainBottomInsideLink}
|
||||
>
|
||||
Blog
|
||||
</Link>
|
||||
</div>
|
||||
<div className={`${navStyles.NavMainBottomInsideOther} ${navStyles.NavMainBottomInsideOtherRight}`}>
|
||||
<a className={navStyles.NavMainBottomInsideOtherLink} href="https://primal.net/p/npub17jl3ldd6305rnacvwvchx03snauqsg4nz8mruq0emj9thdpglr2sst825x" target="_blank">
|
||||
<img src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="15px" />
|
||||
</a>
|
||||
<a className={navStyles.NavMainBottomInsideOtherLink} href="https://x.com/DEGMods" target="_blank">
|
||||
<svg
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
viewBox='0 0 512 512'
|
||||
width='1em'
|
||||
height='1em'
|
||||
fill='currentColor'
|
||||
>
|
||||
<path d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a className={navStyles.NavMainBottomInsideOtherLink} href="https://www.youtube.com/@DEGModsDotCom" target="_blank">
|
||||
<svg
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
viewBox='0 0 512 512'
|
||||
width='1em'
|
||||
height='1em'
|
||||
fill='currentColor'
|
||||
>
|
||||
<path d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'></path>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -245,32 +245,80 @@
|
||||
}
|
||||
|
||||
.NavMainBottomInside {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
grid-gap: 10px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
white-space: nowrap;
|
||||
overflow-x: auto;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-gap: 10px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
white-space: nowrap;
|
||||
overflow-x: auto;
|
||||
|
||||
.NavMainBottomInsideLink {
|
||||
.NavMainBottomInsideLink {
|
||||
transition: ease 0.4s;
|
||||
text-decoration: unset;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
font-weight: bold;
|
||||
padding: 5px 15px;
|
||||
|
||||
&:hover {
|
||||
transition: ease 0.4s;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
text-decoration: unset;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
font-weight: bold;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
transition: ease 0.4s;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
text-decoration: unset;
|
||||
}
|
||||
|
||||
&.NMBILActive {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
&.NMBILActive {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
}
|
||||
}
|
||||
|
||||
.NavMainBottomInsideOther {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
grid-gap: 10px;
|
||||
height: 100%;
|
||||
justify-content: end;
|
||||
|
||||
.NavMainBottomInsideOtherLink {
|
||||
transition: ease 0.4s;
|
||||
width: 35px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 35px;
|
||||
color: white;
|
||||
opacity: 0.65;
|
||||
border-radius: 5px;
|
||||
background: rgba(255,255,255,0);
|
||||
|
||||
&:hover {
|
||||
transition: ease 0.4s;
|
||||
color: white;
|
||||
opacity: 0.85;
|
||||
background: rgba(255,255,255,0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.NavMainBottomInsideOtherLeft {
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.NavMainBottomInsideOtherRight {
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user