anacarolinaduartecavalcante/desafio-react-e-typescript-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Entrega do Desafio #1

Merged
anacarolinaduartecavalcante merged 80 commits from feature/desafio-react-e-typescript into develop 2023-01-14 13:59:59 +00:00
Conversation 0 Commits 80 Files Changed 59 +17 -4
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 0d6aeb88b1 - Show all commits

21
src/components/Header/Header.scss
View File

@ -30,6 +30,7 @@ header {
margin: 0 auto;
padding-left: 0px;
background: $black;
list-style: none;
@media (min-width: 2500px) {
width: 92.002%;
height: 101px;
@ -53,15 +54,19 @@ header {
display: none;
}
& .Icon__Menu {
display: none;
@media (max-width: 1025px) {
width: 28px;
height: 22.5px;
display: block;
}
}
& .Icon__Menu__Closed {
display: none;
@media (max-width: 1025px) {
width: 15px;
height: 15px;
display: block;
}
}
}
@ -190,7 +195,7 @@ header {
@media (max-width: 1025px) {
position: absolute;
top: 0;
z-index: 1;
z-index: 2;
left: -16px;
height: 78px;
width: 99.573%;
@ -228,6 +233,8 @@ header {
}
& .List__Login.opened {
@media (max-width: 1025px) {
position: absolute;
z-index: 2;
width: 99.573%;
left: -16px;
transform: translateX(0);
@ -281,6 +288,7 @@ header {
position: absolute;
top: 0;
border-top-width: 0px;
z-index: 1;
}
.Nav__Bar {
padding-left: 0;
@ -305,6 +313,7 @@ header {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
@media (max-width: 1025px) {
display: flex;
flex-direction: column;
@ -358,14 +367,18 @@ header {
width: 90.22%;
}
ul {
position: relative;
left: 16px;
row-gap: 12px;
@media (max-width: 1025px) {
position: relative;
left: 16px;
row-gap: 12px;
}
}
}
}
.Header__Bottom.opened {
@media (max-width: 1025px) {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
transform: translateX(0);