feat: modify cookie desclaimer

Front-znad-zatoki · Apr 14, 2021 · dcb7661 · dcb7661
1 parent 48156a7
commit dcb7661
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 21 deletions.
diff --git a/client/src/components/CookiesDesclaimer/index.js b/client/src/components/CookiesDesclaimer/index.js
@@ -10,15 +10,17 @@ function CookiesDesclaimer() {
   };
   return !cookiesConsent ? (
     <div className="cookies">
-      <h3>This website uses cookies</h3>
-      <p>
-        We use cookies to give you the best online experience. Please let us
-        know if you agree.
-      </p>
-      <div className="button__group">
-        <button className="button--submit" onClick={handleCookies}>
-          Accept
-        </button>
+      <div className="cookies-text">
+        <h3>This website uses cookies</h3>
+        <p>
+          We use cookies to give you the best online experience. Please let us
+          know if you agree.
+        </p>
+        <div className="button__group">
+          <button className="button--submit" onClick={handleCookies}>
+            Accept
+          </button>
+        </div>
       </div>
     </div>
   ) : null;

diff --git a/client/src/components/Navbar/style.scss b/client/src/components/Navbar/style.scss
@@ -1,6 +1,5 @@
 @import '../../styles/variables';
 .navbar {
-  position: relative;
   padding: 16px 32px;
   background-color: #000;
   color: #f1f1f1;
@@ -40,21 +39,29 @@
   position: absolute;
   top: 0;
   width: 100vw;
-  padding-top: 88px;
-  height: 100vh;
+  padding-top: 25vh;
+  height: 100%;
   left: 0;
   text-align: center;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  background-image: radial-gradient(
-    rgba(255, 255, 255, 0.5) 5%,
-    rgba(204, 204, 204, 0.5) 15%,
-    rgba(0, 0, 0, 0.5) 60%,
-    rgba(0, 0, 0, 0.8) 90%
-  );
+  background-color: #0000007b;
+
   z-index: 1;
   & p {
+    line-height: 1.5;
+  }
+  & h3 {
     line-height: 2;
   }
+  &-text {
+    width: 50vw;
+    height: 50vh;
+    background-color: #000;
+    border-radius: 4px;
+    margin: 0 auto;
+    padding: 32px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    font-weight: 400;
+  }
 }
diff --git a/client/src/styles/_global.scss b/client/src/styles/_global.scss
@@ -15,6 +15,7 @@ body {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
+  position: relative;
 }
 
 .dark-mode {