From 9d42b8ccf43713670be5ec1122c1070e45ecac64 Mon Sep 17 00:00:00 2001
From: Marcos Dias <57465032+SoraAsc@users.noreply.github.com>
Date: Wed, 25 Sep 2024 14:47:03 -0300
Subject: [PATCH] feat: responsividade da agenda (#217)

---
 assets/css/agenda.scss                        | 19 ++++++++++++++-----
 .../templates/agenda_html/show.html.heex      |  2 +-
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/assets/css/agenda.scss b/assets/css/agenda.scss
index e191e8cb..73494e66 100644
--- 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;
     }
-  }
\ No newline at end of file
+  }
diff --git a/lib/pescarte_web/templates/agenda_html/show.html.heex b/lib/pescarte_web/templates/agenda_html/show.html.heex
index a8098e45..8c7ef04d 100644
--- 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 %>