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

feat(mobile):mobileTop responsivo

Browse Source
This commit is contained in:
Gustavo Rallenson Gonçalves Da Silva 2023-01-07 00:15:46 -03:00
parent 4834ed54a9
commit 66594603d9
2 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
desafio-5/src/components/modules/header.module.scss
View File

@ -72,7 +72,6 @@
height: 72%;
img{
width: 100%;
// height: 3.25vh;
}
}
}
@ -231,7 +230,8 @@
align-items: center;
padding: 25px 16px;
gap: 10px;
background: pink;
height: 16.297vh;
// background: pink;
&-menu{
border: none;
min-height: 22.5px;
@ -242,7 +242,24 @@
height: 100%;
}
}
&-logo{
border: 0;
max-width: 136px;
width: 39.652%;
img{
width: 100%;
}
}
&-cart{
height: 28px;
max-height: 100%;
img{
min-width: 28px;
height: 28px;
max-width: 100%;
}
}
}
// Top-header-desktop
&-top {

10
desafio-5/src/components/scripts/header.tsx
View File

@ -38,17 +38,17 @@ const Header = () =>{
<fieldset className={HeaderStyles["Header_wrapper-mobileTop-menu"]}>
<img className={HeaderStyles["hamburguer"]} src={MenuMobile} alt="Logo-mobile" />
</fieldset>
{/* <fieldset className={HeaderStyles["Header_wrapper-mobileTop-menu"]}>
<fieldset className={HeaderStyles["Header_wrapper-mobileTop-logo"]}>
<a href="/">
<img src={LogoMobile} alt="Logo-mobile" />
</a>
</fieldset>
<button>
<button className={HeaderStyles["Header_wrapper-mobileTop-cart"]}>
<img src={Cart} alt="Carrinho_icon" />
</button> */}
</button>
</div>
{/* <div className={HeaderStyles["Header_wrapper-mobilebottom"]}>
<div className={HeaderStyles["Header_wrapper-mobilebottom"]}>
<div className={HeaderStyles["Header_wrapper-mobilebottom-Searchbox"]}>
<input name="search" type="text" placeholder="Buscar">
</input>
@ -58,7 +58,7 @@ const Header = () =>{
</button>
</label>
</div>
</div> */}
</div>
<div className={HeaderStyles["Header_wrapper-bottom"]}>
<nav className={HeaderStyles["Header_wrapper-bottom-navigator"]}>