degmods/degmods.com
5
0
Fork 0
Code Issues 13 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

nav/header adjustments #21

Merged
freakoverse merged 12 commits from staging into master 2024-08-26 10:28:23 +00:00
Conversation 0 Commits 12 Files Changed 2 +63 -14
1 changed files with 63 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8bd4373546 - Show all commits

75
src/styles/nav.module.scss
View File

@ -255,27 +255,76 @@
white-space: nowrap; white-space: nowrap;
overflow-x: auto; overflow-x: auto;
.NavMainBottomInsideLink { .NavMainBottomInsideLinks {
transition: ease 0.4s; display: flex;
text-decoration: unset; flex-direction: row;
color: rgba(255, 255, 255, 0.5); grid-gap: 10px;
font-weight: bold; justify-content: center;
padding: 5px 15px; align-items: center;
&:hover { .NavMainBottomInsideLink {
transition: ease 0.4s; transition: ease 0.4s;
color: rgba(255, 255, 255, 0.85);
text-decoration: unset; 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 { @media (max-width: 768px) {
color: rgba(255, 255, 255, 0.65); display: flex;
} justify-content: start;
}
} }
@media (max-width: 768px) { .NavMainBottomInsideOther {
display: flex;
lex-direction: row;
grid-gap: 10px;
height: 100%;
justify-content: end;
.NavMainBottomInsideOtherLink {
transition: ease 0.4s;
width: 35px;
display: flex; display: flex;
justify-content: start; 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 {
@media (max-width: 768px) {
display: none;
}
}
.NavMainBottomInsideOtherRight {
}
}
} }
} }