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

style(Header.module.scss): correção de tamanhos

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-01-12 15:26:42 -03:00
parent 48568dd60a
commit 514ea23fdb
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Header/styles/Header.module.scss
View File

@ -118,7 +118,7 @@ header {
}
.Search__Bar {
width: calc(100% - 81.483%);
width: calc(100% - 81.395%);
height: 12.04px;
background: $white;
border: 2px solid $primary-700;
@ -133,8 +133,8 @@ header {
line-height: 16px;
color: $primary-500;
@media (min-width: 2500px) {
width: 18.9152%;
height: 31.18px;
width: 18.956%;
height: 32.13px;
padding: 11px 60px 10.85px 16.47px;
background-position: bottom 50% right 10.85px;
background-size: 35.15px;
@ -142,14 +142,11 @@ header {
line-height: 33px;
}
@media (max-width: 1025px) {
width: calc(100% - 63.96px);
height: 16.04px;
width: calc(100% - 63.01px);
height: 16.99px;
position: absolute;
top: 78px;
}
@media (max-width: 376px) {
width: calc(100% - 63.96px);
}
&::placeholder {
font-weight: 400;
@ -273,7 +270,7 @@ header {
margin-bottom: 0;
background: $black;
@media (min-width: 2500px) {
height: 60.01px;
height: 60.24px;
}
@media (max-width: 1025px) {
width: 100%;
@ -293,6 +290,7 @@ header {
align-items: center;
@media (min-width: 2500px) {
width: 92.002%;
height: 61px;
}
@media (max-width: 1025px) {
width: 96.484375%;