From 3396f5a7bdcb21e1d60e3f8eecd2da92c15fc076 Mon Sep 17 00:00:00 2001
From: Justin <justinodunn@hotmail.com>
Date: Mon, 17 Jul 2023 18:15:46 +0800
Subject: [PATCH] features to display prompt styling

---
 static/style.css | 66 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 66 insertions(+)

diff --git a/static/style.css b/static/style.css
index eb361f5..8d66d93 100755
--- a/static/style.css
+++ b/static/style.css
@@ -1307,3 +1307,69 @@ input[type=checkbox]:hover {
   margin-bottom:2%;
 }
 
+
+#save-prompt-message {
+  width: 160px;
+  height: 150px;
+  border-radius: 20px;
+  background-color: rgba(5,5,5,0.5);
+  backdrop-filter: blur(6px);
+  border-color: #5D5D5D;
+  border-style: solid;
+  border-width: thin;
+  position: fixed;
+  top: 35%;
+  right: 20px;
+  transform: translateY(-50%);
+  z-index: 99;
+}
+#save-prompt-p {
+  margin: 35px 10px 15px 10px;
+  font-size: 14px;
+  text-align: center;
+  display: flex;
+  color: red;
+  justify-content: center;
+  align-items: center;
+}
+
+#save-prompt-btn {
+  display: block;
+  margin: 0 auto;
+  font-size: 16px;
+}
+#save-prompt-close-btn {
+  background-color: transparent;
+  border: none;
+  color: white;
+  font-size: 16px;
+  text-decoration: underline;
+  position: absolute;
+  top: 0;
+  right: 15px;
+
+}
+#save-prompt-close-btn:hover {
+  background-color: transparent;
+  border: none;
+  color: darkgray;
+  text-decoration: underline;
+}
+#save-prompt-close-btn:active {
+  background-color: transparent;
+  border: none;
+  color: #4B4B4B;
+  text-decoration: underline;
+}
+#saved-msg-feedback{
+  color: red;
+  font-size: 16px;
+  position: fixed;
+  top: 35%;
+  right: 20px;
+  transform: translateY(-50%);
+  z-index: 99;
+  text-align: center;
+}
+
+