chore: change and remove scss unecessary

devhatt · Sep 6, 2024 · c8f9271 · c8f9271
1 parent 49fe58f
commit c8f9271
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 16 deletions.
diff --git a/src/layouts/app/pages/PetSize/index.js b/src/layouts/app/pages/PetSize/index.js
@@ -13,7 +13,7 @@ const html = `
 
       <div class="pet-size-page__description">
         <h1 class="pet-size-page__title">Qual é o tamanho do seu animal de estimação?</h1>
-        <p class="pet-size-page__hint">Ajuste de acordo com a realidade</p>
+        <label class="pet-size-page__hint">Ajuste de acordo com a realidade</label>
       </div>
 
       <div class="pet-size-page__size-selector" data-select="size-selector"></div>  

diff --git 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
@@ -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;