feat: responsividade da agenda (#217)

peapescarte · Sep 25, 2024 · 9d42b8c · 9d42b8c
1 parent 4493937
commit 9d42b8c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/assets/css/agenda.scss b/assets/css/agenda.scss
@@ -7,12 +7,12 @@
     height: 260px;
     background: rgba(0, 50, 100, 0.8);
     margin-bottom: 60px;
-    
+
     .banner-img {
         z-index: -1;
         position: absolute;
         width: 100vw;
-        max-height: 260px; 
+        max-height: 260px;
     }
 
 }
@@ -24,10 +24,18 @@
     justify-content: center;
     margin-bottom: 40px;
 
+    .alert {
+      padding: 0 2em;
+    }
+
     .table-label {
         margin-bottom: 15px;
     }
 
+    .container {
+      width: 95vw;
+    }
+
     .table-container {
         width: 100%;
         overflow-x: auto;
@@ -70,16 +78,17 @@
     background: #0064C8CC;
     background-blend-mode: multiply;
     margin-bottom: 80px;
-  
+
     h4 {
       position: absolute;
       text-align: center;
       max-width: 668px;
+      padding: 0 1em;
     }
-  
+
     img {
       width: 100vw;
       height: 100%;
       z-index: -1;
     }
-  }
+  }
diff --git a/lib/pescarte_web/templates/agenda_html/show.html.heex b/lib/pescarte_web/templates/agenda_html/show.html.heex
@@ -10,7 +10,7 @@
   </div>
 
   <div class="atividades">
-    <.text size="lg" color="text-black-80">
+    <.text class="alert" size="lg" color="text-black-80">
       Agenda sujeita a alterações e inscrições prévias. Entre em contato com a equipe do seu município.
     </.text>
     <%= for {_, rows} <- @mapa do %>