changed po-up windows (#102)

Helenlam20 · Nov 15, 2024 · 6d2ae16 · 6d2ae16
1 parent 12d8000
commit 6d2ae16
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git a/code/server.R b/code/server.R
@@ -27,8 +27,8 @@ server <- function(input, output, session) {
         closeOnClickOutside = TRUE,
         showCloseButton = TRUE,
         imageUrl = "KCO_logo.png",
-        imageWidth = 150,
-        imageHeight = 100
+        imageWidth = 210,
+        imageHeight = 140
       )
   })
 
@@ -47,8 +47,8 @@ server <- function(input, output, session) {
       cancelOnDismiss = TRUE,
       html = TRUE,
       imageUrl = "KCO_logo.png",
-      imageWidth = 150,
-      imageHeight = 100
+      imageWidth = 210,
+      imageHeight = 140
     )
   })
 

diff --git a/www/custom.css b/www/custom.css
@@ -75,29 +75,41 @@ div:where(.swal2-container) div:where(.swal2-popup) {
     border: none;
     border-radius: 5px;
     background: #fff;
-    color: #000000;
+    color: #000000 !important;
     font-family: inherit;
     font-size: 1rem
 }
 
+/*Welcome and cookies pop-up*/ 
 div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
     border: 0;
     border-radius: .25em;
     background: initial;
     background-color: #fff846;
-    color: #000000;
+    color: #000000 !important;
     font-size: 1em
 }
 
 div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
     border: 0;
     border-radius: .25em;
     background: initial;
-    background-color: #000000;
-    /* color:#fff; */
+    background-color: #fff846;
+    color: #000000 !important;
     font-size: 1em
 }
 
+/* Welcome text */
+.swal2-title {
+    color: #000000 !important;
+}
+
+.swal2-image {
+    background-color: #fff846;  /* Set the desired background color */
+    padding: 10px; /* Add padding for better spacing if needed */
+    border-radius: 10px; /* Match the popup's style */
+}
+
 .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
     color: #000000 !important;
     text-decoration: none;
@@ -110,9 +122,6 @@ div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
     color: #000
 }
 
-.dropdown-menu>li>a {
-    /* color:#777; */
-}
 
 /* Change background color of dropdown menu item on hover */
 .dropdown-menu > li > a:hover {