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

fix: styles fixed for header

Browse Source
This commit is contained in:
daniyal 2024-07-10 23:51:05 +05:00
parent e47e50c2a4
commit 4c1e38ec41
1 changed files with 225 additions and 229 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,6 +7,37 @@
grid-gap: 15px; grid-gap: 15px;
padding: 15px 0 0 0; padding: 15px 0 0 0;
.FundingCampaign {
width: 100%;
background: rebeccapurple;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: -15px 0 0 0;
@media (max-width: 992px) {
flex-direction: column;
}
.FundingCampaignLink {
color: rgba(255, 255, 255, 0.75);
font-weight: bold;
text-decoration: unset;
padding: 10px;
flex-grow: 1;
text-align: center;
@media (max-width: 992px) {
width: 100%;
}
&:hover {
color: rgb(255, 255, 255);
}
}
}
.NavMainTop, .NavMainTop,
.NavMainBottom { .NavMainBottom {
width: 100%; width: 100%;
@ -14,6 +45,12 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
}
.NavMainBottom {
border-top: solid 1px rgba(255, 255, 255, 0.05);
border-bottom: solid 1px rgba(255, 255, 255, 0.05);
}
.NavMainTopInside { .NavMainTopInside {
width: 100%; width: 100%;
@ -195,11 +232,6 @@
} }
} }
} }
}
.NavMainBottom {
border-top: solid 1px rgba(255, 255, 255, 0.05);
border-bottom: solid 1px rgba(255, 255, 255, 0.05);
.NavMainBottomInside { .NavMainBottomInside {
width: 100%; width: 100%;
@ -212,10 +244,6 @@
white-space: nowrap; white-space: nowrap;
overflow-x: auto; overflow-x: auto;
@media (max-width: 768px) {
justify-content: start;
}
.NavMainBottomInsideLink { .NavMainBottomInsideLink {
transition: ease 0.4s; transition: ease 0.4s;
text-decoration: unset; text-decoration: unset;
@ -235,35 +263,3 @@
} }
} }
} }
.FundingCampaign {
width: 100%;
background: rebeccapurple;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: -15px 0 0 0;
@media (max-width: 992px) {
flex-direction: column;
}
.FundingCampaignLink {
color: rgba(255, 255, 255, 0.75);
font-weight: bold;
text-decoration: unset;
padding: 10px;
flex-grow: 1;
text-align: center;
@media (max-width: 992px) {
width: 100%;
}
&:hover {
color: rgb(255, 255, 255);
}
}
}
}