diff --git a/src/components/sections/BannerText/banner-text.scss b/src/components/sections/BannerText/banner-text.scss index 0f45ad3..ad83c60 100644 --- a/src/components/sections/BannerText/banner-text.scss +++ b/src/components/sections/BannerText/banner-text.scss @@ -46,6 +46,10 @@ } } + [data-store-button] { + border-radius: 60px; + } + @include media(">=notebook") { padding-top: var(--space-9); padding-bottom: var(--space-9); diff --git a/src/components/sections/FavoriteProducts/favorite-products.scss b/src/components/sections/FavoriteProducts/favorite-products.scss index 7484cb9..f48e8ee 100644 --- a/src/components/sections/FavoriteProducts/favorite-products.scss +++ b/src/components/sections/FavoriteProducts/favorite-products.scss @@ -75,4 +75,8 @@ background: rgb(255 255 255 / 20%); backdrop-filter: blur(14px); } + + [data-store-button] { + border-radius: 60px; + } } diff --git a/src/components/sections/Hero/Hero.tsx b/src/components/sections/Hero/Hero.tsx index 62b0818..4be0929 100644 --- a/src/components/sections/Hero/Hero.tsx +++ b/src/components/sections/Hero/Hero.tsx @@ -1,6 +1,6 @@ import React from 'react' import UIHero, { HeroCard, HeroContent, HeroLink } from 'src/components/ui/Hero' -import { LinkButton } from 'src/components/ui/Button' +import Button, { LinkButton } from 'src/components/ui/Button' import Icon from 'src/components/ui/Icon' import Section from '../Section' @@ -13,7 +13,6 @@ interface HeroProps { variant?: Variant mainLinkText?: string mainLink?: string - secondaryLink?: string secondaryLinkText?: string icon?: JSX.Element imageSrc: string @@ -26,7 +25,6 @@ const Hero = ({ variant = 'default', mainLinkText, mainLink, - secondaryLink, secondaryLinkText, icon, imageAlt, @@ -57,13 +55,18 @@ const Hero = ({ )} - {!!secondaryLink && ( - - - {secondaryLinkText} - - - )} +
@@ -73,7 +76,7 @@ const Hero = ({ imageAlt={imageAlt} size="large" title="Brinquedos de até R$100" - link="/" + link="/produtos/brinquedos" linkText="ver todos" icon /> @@ -83,7 +86,7 @@ const Hero = ({ @@ -92,7 +95,7 @@ const Hero = ({ @@ -101,7 +104,7 @@ const Hero = ({ diff --git a/src/components/sections/Newsletter/newsletter.scss b/src/components/sections/Newsletter/newsletter.scss index 82b8b9b..678690d 100644 --- a/src/components/sections/Newsletter/newsletter.scss +++ b/src/components/sections/Newsletter/newsletter.scss @@ -54,7 +54,7 @@ height: 50px; margin: 36px 0 0; border: 1px solid rgb(255 255 255 / 50%); - border-radius: var(--border-radius-default); + border-radius: var(--border-radius-pill); @include media("=notebook") { flex-direction: row; + align-items: baseline; justify-content: space-between; width: 80%; } @@ -81,7 +82,7 @@ [data-hero-link] { margin-top: 23px; - a { + a, button { box-sizing: border-box; padding: 13px 27px; font-size: 14px; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 0ef90de..43050ce 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -149,9 +149,8 @@ function Page(props: Props) {