Code refactoring and minor improvements

Author: arsari

assets/css/style.css

@@ -660,14 +660,13 @@ input[type="number"]::-webkit-inner-spin-button {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
-  padding-top: 300px; /* Location of the box */
+  padding-top: 85px; /* Location of the box */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
-  background-color: rgb(0, 0, 0); /* Fallback color */
-  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
+  background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
 }
 
 .text-consent-banner {
@@ -676,8 +675,11 @@ input[type="number"]::-webkit-inner-spin-button {
   margin: auto;
   padding: 20px;
   border: 1px solid #888;
-  width: 25%;
+  width: 27%;
   border-radius: 20px;
+  h2 {
+    margin-left: 50px;
+  }
   span {
     display: block;
     padding-bottom: 20px;
@@ -738,7 +740,7 @@ input[type="number"]::-webkit-inner-spin-button {
 
 .consent-close-x {
   top: -25px;
-  left: -35px;
+  left: -25px;
 }
 
 @keyframes slide {
@@ -975,7 +977,7 @@ aside {
   background: mediumseagreen;
 }
 
-@media screen and (min-width: 320px) and (max-width: 840px) {
+@media screen and (min-width: 320px) and (max-width: 1280px) {
   .github-badges {
     display: inline-block;
     margin: auto 0;
@@ -1014,11 +1016,11 @@ aside {
   }
 
   .text-consent-banner {
-    width: 80%;
+    width: 70%;
   }
 
   .consent-close-x {
-    left: -10px;
+    left: -15px;
   }
 }
 

assets/js/function.min.js

@@ -26,7 +26,7 @@
         window.dataLayer.push(arguments);
       }
 
-      if (localStorage.getItem('consentMode') === null) {
+      if (localStorage.getItem('CONSENT_MODE') === null) {
         gtag('consent', 'default', {
           ad_storage: 'denied',
           ad_user_data: 'denied',
@@ -37,7 +37,7 @@
           security_storage: 'denied',
         });
       } else {
-        gtag('consent', 'default', JSON.parse(localStorage.getItem('consentMode')));
+        gtag('consent', 'default', JSON.parse(localStorage.getItem('CONSENT_MODE')));
       }
 
       gtag('set', 'url_passthrough', true);
@@ -915,10 +915,10 @@ <h2>Consent Banner Privacy Settings</h2>
       /**
        * Detect if Consent banner needs to be displayed
        */
-      if (localStorage.getItem('consentMode') === null) {
+      if (localStorage.getItem('CONSENT_MODE') === null) {
         showBanner();
       }
     </script>
   </body>
 
-</html>
+</html>