diff --git a/src/components/molecules/FaleConosco/FaleConosco.module.scss b/src/components/molecules/FaleConosco/FaleConosco.module.scss index 03a6f43..ceb316a 100644 --- a/src/components/molecules/FaleConosco/FaleConosco.module.scss +++ b/src/components/molecules/FaleConosco/FaleConosco.module.scss @@ -86,6 +86,7 @@ border: 1px solid $color-black1; border-radius: 25px; width: calc(100% - 40px); + height: 31px; padding: 15px 20px; display: flex; align-items: center; @@ -99,6 +100,7 @@ color: $color-black; @media #{$mq-desktop}, #{$mq-tablet}, #{$mq-mobile} { + height: 14px; font-size: 14px; line-height: 16px; } @@ -196,7 +198,7 @@ align-items: center; justify-content: center; width: 100%; - height: 52px; + height: 71px; background-color: $color-black; border: none; border-radius: 25px; @@ -204,12 +206,18 @@ font-family: $font-family; font-style: normal; font-weight: 400; - font-size: 16px; - line-height: 19px; + font-size: 32px; + line-height: 38px; letter-spacing: 0.05em; text-transform: uppercase; cursor: pointer; + @media #{$mq-desktop}, #{$mq-tablet}, #{$mq-mobile} { + height: 52px; + font-size: 16px; + line-height: 19px; + } + &:disabled{ background-color: $color-black-500; cursor: inherit; diff --git a/src/components/organisms/Footer/FooterNewsletter/FooterNewsletter.module.scss b/src/components/organisms/Footer/FooterNewsletter/FooterNewsletter.module.scss index 4199ecd..2df8a24 100644 --- a/src/components/organisms/Footer/FooterNewsletter/FooterNewsletter.module.scss +++ b/src/components/organisms/Footer/FooterNewsletter/FooterNewsletter.module.scss @@ -62,7 +62,7 @@ &__input { width: 71.72%; - height: 30px; + height: 33px; display: flex; flex-direction: row; align-items: flex-start; @@ -74,7 +74,7 @@ font-size: 28px; line-height: 33px; color: $color-black; - background: #FFFFFF; + background: $color-white; border: 1px solid $color-primary-600; border-radius: 4px; @@ -89,7 +89,7 @@ font-size: 14px; line-height: 16px; padding: 17px 16px; - height: 16px; + height: 14px; } &::placeholder { @@ -98,8 +98,6 @@ font-weight: 400; font-size: 28px; line-height: 33px; - font-size: 14px; - line-height: 16px; color: $color-primary-400; @media #{$mq-desktop}, #{$mq-tablet}, #{$mq-mobile} { @@ -163,7 +161,7 @@ margin-top: 8px; font-size: 14px; line-height: 16px; - height: 44px; + height: 50px; } } } diff --git a/src/components/organisms/Footer/FooterTop/FooterTop.scss b/src/components/organisms/Footer/FooterTop/FooterTop.scss index 68b9373..47bbe07 100644 --- a/src/components/organisms/Footer/FooterTop/FooterTop.scss +++ b/src/components/organisms/Footer/FooterTop/FooterTop.scss @@ -29,6 +29,7 @@ justify-content: flex-start; align-items: flex-start; margin-right: 121px; + width: 100%; @media #{$mq-tablet}, #{$mq-mobile} { margin: 0; diff --git a/src/components/organisms/Header/HeaderDesktop/HeaderDesktop.module.scss b/src/components/organisms/Header/HeaderDesktop/HeaderDesktop.module.scss index 1d0a096..6babd7a 100644 --- a/src/components/organisms/Header/HeaderDesktop/HeaderDesktop.module.scss +++ b/src/components/organisms/Header/HeaderDesktop/HeaderDesktop.module.scss @@ -111,6 +111,11 @@ } &__cart { + background-color: transparent; + border: none; + display: contents; + cursor: pointer; + img { width: 28px; height: 28px; diff --git a/src/components/organisms/Header/HeaderDesktop/HeaderDesktop.tsx b/src/components/organisms/Header/HeaderDesktop/HeaderDesktop.tsx index 7a23671..d75fbfb 100644 --- a/src/components/organisms/Header/HeaderDesktop/HeaderDesktop.tsx +++ b/src/components/organisms/Header/HeaderDesktop/HeaderDesktop.tsx @@ -15,9 +15,15 @@ const HeaderDesktop = () => { ENTRAR - + +