diff --git a/src/layouts/app/pages/PetSize/index.js b/src/layouts/app/pages/PetSize/index.js index 0c8e1ee6..655a2f05 100644 --- a/src/layouts/app/pages/PetSize/index.js +++ b/src/layouts/app/pages/PetSize/index.js @@ -13,7 +13,7 @@ const html = `

Qual é o tamanho do seu animal de estimação?

-

Ajuste de acordo com a realidade

+
diff --git a/src/layouts/app/pages/PetSize/index.scss b/src/layouts/app/pages/PetSize/index.scss index 1e57965c..44b43bf9 100644 --- a/src/layouts/app/pages/PetSize/index.scss +++ b/src/layouts/app/pages/PetSize/index.scss @@ -10,9 +10,6 @@ grid-template-rows: 1fr auto; &__content { - width: 100%; - height: 100%; - display: flex; flex-direction: column; gap: 4rem; @@ -23,13 +20,11 @@ text-align: center; } - &__image-container { - width: max-content; - - display: inline-block; - } - &__description { + display: flex; + flex-direction: column; + gap: 0.1rem; + font-family: fonts.$primaryFont; } @@ -59,8 +54,6 @@ justify-content: center; - margin-top: auto; - padding: 4rem 0; box-shadow: 0 0 0.8rem 0 rgba(73, 77, 90, 0.12); @@ -78,7 +71,6 @@ .pet-size-page { &__button-container { box-shadow: none; - border-radius: none; } } } diff --git a/src/stories/PetSizePage.stories.js b/src/stories/PetSizePage.stories.js index b43483c3..f2a9db9e 100644 --- a/src/stories/PetSizePage.stories.js +++ b/src/stories/PetSizePage.stories.js @@ -5,9 +5,6 @@ export default { render: () => { const petSizePage = new PetSize(); const $container = document.createElement('div'); - $container.style.display = 'flex'; - $container.style.height = '100vh'; - $container.style.justifyContent = 'center'; petSizePage.mount($container); return $container;