From 4e913fd1ab695b97163bc113dbcdc9a4793d9f7e Mon Sep 17 00:00:00 2001
From: Bishal <69814108+CodeWithBishal@users.noreply.github.com>
Date: Fri, 25 Oct 2024 00:32:08 +0530
Subject: [PATCH] Cookie Consent Form UI Updated
---
cookie-popup.css | 37 +++++++++++++++++++++----------------
index.html | 4 ++--
2 files changed, 23 insertions(+), 18 deletions(-)
diff --git a/cookie-popup.css b/cookie-popup.css
index d04f448d..db96f68f 100644
--- a/cookie-popup.css
+++ b/cookie-popup.css
@@ -1,25 +1,29 @@
.cookie-container {
- position: fixed;
- bottom: 80px;
- left: 20px;
- background-color: white;
- border: 1px solid #ccc;
- padding: 13px;
- box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
- z-index: 1000;
- width: 220px;
- height: 220px;
display: none;
- font-size: 10px;
- font-weight: 400;
+ position: fixed;
+ max-width: 320px;
+ padding: 1rem !important;
+ background-color: #fff;
+ border-radius: 10px;
+ box-shadow: 20px 20px 30px rgba(0, 0, 0, .05);
+ bottom: 4em;
+ right: 5em;
+ z-index: 9999999;
+}
+
+#cookie-title{
+ font-weight: 600;
+ color: rgb(31 41 55);
}
-.cookie-container p {
- margin: 10px 0;
- color: black;
+.cookie-description {
+ margin-top: 1rem !important;
+ font-size: 1.12rem;
+ line-height: 1.25rem;
+ color: rgb(75 85 99);
}
-.cookie-container a {
+.cookie-description a {
color: #007bff;
text-decoration: none;
}
@@ -32,6 +36,7 @@
display: flex;
justify-content: space-between;
margin-top: 15px;
+ margin-bottom: 10px;
}
.button-container button {
diff --git a/index.html b/index.html
index 5278618b..3dacb5f0 100644
--- a/index.html
+++ b/index.html
@@ -2418,8 +2418,8 @@ Rate your experience