Enhance cookie consent banner styles with box-shadow and borders for …

…improved visibility
RoodneyMoraes · Nov 17, 2024 · 3545cc5 · 3545cc5
1 parent 4cf2cb9
commit 3545cc5
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/src/css/custom-index.css b/src/css/custom-index.css
@@ -176,6 +176,12 @@ footer .social-icons a {
     color: var(--azure);
 }
 
+.cookie-consent-banner {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    border-top: 1px solid #e7e6e6;
+    border-bottom: 1px solid #e7e6e6;
+}
+
 /* MEDIA QUERIES - MOBILE */
 @media (max-width: 768px) {
     .navbar .navbar-head {
@@ -186,6 +192,10 @@ footer .social-icons a {
     .cookie-consent-banner {
         flex-direction: column;
         text-align: center;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        border-top: 1px solid #e7e6e6;         
+        border-bottom: 1px solid #e7e6e6;
+
     }
 
     .cookie-consent-banner div {

diff --git a/src/css/custom-page.css b/src/css/custom-page.css
@@ -30,6 +30,12 @@ footer {
     opacity: 0.5; /* opcional, para tornar o botão visualmente desativado */
 }
 
+.cookie-consent-banner {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    border-top: 1px solid #e7e6e6;
+    border-bottom: 1px solid #e7e6e6;
+}
+
 @media (max-width: 768px) {
     h1 {
         font-size: 1.5rem;
@@ -63,6 +69,9 @@ footer {
     .cookie-consent-banner {
         flex-direction: column;
         text-align: center;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        border-top: 1px solid #e7e6e6;         
+        border-bottom: 1px solid #e7e6e6;
     }
 
     .cookie-consent-banner div {