feat: update at footer Styles

AgeOS · Dec 6, 2024 · fd8e4f8 · fd8e4f8
1 parent 5d46575
commit fd8e4f8
Show file tree

Hide file tree

Showing 3 changed files with 93 additions and 10 deletions.
diff --git a/public/stylesheets/footer/footer.css b/public/stylesheets/footer/footer.css
diff --git a/public/stylesheets/footer/footer.css.map b/public/stylesheets/footer/footer.css.map
diff --git a/src/stylesheets/footer/footer.scss b/src/stylesheets/footer/footer.scss
@@ -65,9 +65,21 @@ footer {
   backface-visibility: hidden; // evita artefatos em alguns
   z-index: -1; // coloca o fundo atrás de outros itens
 
+    @include laptop {
+        //height: 470px;
+        bottom: -155px !important;
+        //object-fit: cover;
+    }
+
   @include tablet {
-    height: 590px;
-    bottom: -80px !important;
+    height: 610px;
+    //bottom: -95px !important;
+    object-fit: cover;
+  }
+
+  @include mobile{
+    height: 710px;
+    width: 100%;
     object-fit: cover;
   }
 }
@@ -93,11 +105,14 @@ footer {
     height: auto;
     max-height: 550px;
     flex-wrap: wrap;
-    margin-top: -80px;
-    // gap: 20px;
+    //margin-top: -80px;
+     gap: 20px;
+    //padding-bottom: px;
   }
 
   @include mobile {
+    width: 99%;
+    //padding: 0 20px 0 20px;
     flex-direction: column !important;
   }
 }
@@ -120,6 +135,10 @@ footer {
   @include tablet {
     font-size: 1.5rem;
   }
+
+  @include mobile{
+    font-size: 1.3rem;
+  }
 }
 
 .section ul {
@@ -134,6 +153,10 @@ footer {
   @include tablet {
     font-size: 1.2rem;
   }
+
+  @include mobile{
+    font-size: 1.1rem;
+  }
 }
 
 .section a {
@@ -164,11 +187,24 @@ footer {
 .newsletter h4 {
   font-size: 1rem;
   margin-bottom: 1rem;
+
+  @include mobile{
+    //width: 90%;
+    text-align: start;
+    font-size: 0.8rem;
+    display: flex;
+    flex-wrap: wrap;
+  }
 }
 
 .form {
   display: flex;
   gap: 0.5rem;
+
+  @include mobile{
+  position: relative;
+    right: 130px;
+  }
 }
 
 .form input {
@@ -177,6 +213,12 @@ footer {
   border: none;
   border-radius: 4px;
   color: #1f2937;
+
+
+  @include mobile{
+    padding: 0.5rem 0.8rem;
+    width: 10%;
+  }
 }
 
 .form input::placeholder {
@@ -201,6 +243,6 @@ footer {
 .bottom {
   text-align: center;
   padding: 2rem 0;
-  margin-top: 3rem;
+  //margin-top: 3rem;
   border-top: 1px solid;
 }