From 0df3539173798ca7df47dfb708130e90fc22d69a Mon Sep 17 00:00:00 2001
From: zhangtianli2006 <zhangtianli2006@163.com>
Date: Fri, 26 Mar 2021 19:43:50 +0800
Subject: [PATCH] [feature] prompt box background cover

---
 public/index.html |  2 ++
 public/script.js  |  1 +
 public/style.css  | 10 ++++++++++
 3 files changed, 13 insertions(+)

diff --git a/public/index.html b/public/index.html
index 4d05521..933acfe 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,6 +19,8 @@
         <span class="note">Press Ctrl + Enter to send </span>
         <button class="send-button" onclick="send()">Send</button>
     </div>
+
+    <div id="prompt-background"></div>
     <div id="prompt-box" hidden>
         <div id="prompt-box-title"></div>
         <div id="prompt-box-content">
diff --git a/public/script.js b/public/script.js
index ddbf27f..ad45860 100644
--- a/public/script.js
+++ b/public/script.js
@@ -169,6 +169,7 @@ function open_prompt(title) {
     $('#confirm-prompt').one('click', () => {
         if (resolve_callback) {
             $('#prompt-box').hide('fast');
+            $('#prompt-background').hide();
             resolve_callback($('#prompt-data').val());
         }
     });
diff --git a/public/style.css b/public/style.css
index e920d7a..a22405b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -166,6 +166,16 @@ pre {
     border: #0a84ff 2px solid;
 }
 
+#prompt-background {
+    position: fixed;
+    top: 0;
+    right: 0;
+
+    height: 100vh;
+    width: 100vw;
+    background-color:#38383dCC;
+}
+
 #confirm-prompt {
     float: right;
     margin-top: 15px;