Correção do layout da página da Política de Privacidade

As-Raparigas-do-Codigo · Feb 4, 2024 · ba835d3 · ba835d3
1 parent 09f24e7
commit ba835d3
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/pages/PrivacyPolicy/index.js b/src/pages/PrivacyPolicy/index.js
@@ -15,12 +15,22 @@ function PrivacyPolicy({ translation }) {
     }
   ];
 
+  function WebOrMobileClassName() {
+    var className = "";
+
+    if (window.innerWidth <= 500) {
+      className = "container-mobile";
+    }
+
+    return className;
+  }
+
   return (
     <PageLayout
       title={translation('PrivacyPolicyPage-PageName')}
       descriptionParagraphs={[translation('PrivacyPolicyPage-Description')]}
       breadcrumbsData={breadcrumbs}>
-      <Container fluid="md">
+      <Container fluid="md" className={WebOrMobileClassName()}>
         <Row>
           <p>{translation('PrivacyPolicyPage-Text_p1')}</p>
           <p>{translation('PrivacyPolicyPage-Text_p2')}</p>

diff --git a/src/pages/PrivacyPolicy/privacy-policy.scss b/src/pages/PrivacyPolicy/privacy-policy.scss
@@ -4,3 +4,7 @@ h3,
 h5 {
   margin-top: 30px !important;
 }
+
+.container-mobile {
+  margin-top: 15px;
+}