Amandaalmeida/desafio-react-e-typescript-amanda-almeida
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: ajusta seachbar para tamanho dos figma

Browse Source
This commit is contained in:
marlon passos 2023-03-30 11:32:07 -03:00
parent 1dc152ff58
commit 3a684a6104
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Header/header.module.scss
View File

@ -57,6 +57,27 @@
outline: 0;
padding-left: 16px;
@media (min-width: 2500px) {
width: 600px;
height: 50px;
font-size: 26px;
}
@media (min-width: 1200px) and (max-width: 2000px) {
width: 400px;
height: 41px;
font-size: 20px;
}
@media (min-width: 1000px) and (max-width: 1200px) {
height: 35px;
font-size: 16px;
}
@media (max-width: 700px) {
height: 35px;
}
&::placeholder {
color: $gray-800;
@ -189,11 +210,6 @@
width: 22.4%;
}
&__busca-input {
height: 57px;
font-size: 28px;
line-height: 33px;
}
&__busca-icon {
top: 50%;