Blur modal background (#2481)

src/cryptoadvance/specter/templates/includes/overlay/overlay.html

@@ -1,13 +1,9 @@
 <div class="hidden z-30 absolute w-screen h-screen" id="page_overlay">
-    <div class="w-screen overflow-auto h-screen bg-black/40 flex flex-col relative justify-center items-center py-5" id="page_overlay_popup">
+    <div class="w-screen overflow-auto h-screen bg-black/40 backdrop-blur-sm transition duration-500 ease-in-out flex flex-col relative justify-center items-center py-5" id="page_overlay_popup">
         <div class="box-shadow-xl transition-all absolute max-w-[700px] overflow-hidden rounded-xl text-white" id="page_overlay_popup_content"></div>
     </div>
 </div>
 
-<!-- <div class="mt-2 text-white btn align-self-end"> -->
-<!--     <a href="#" id="page_overlay_popup_cancel_button" onclick="cancelOverlay()">{{ _("Cancel") }}</a> -->
-<!-- </div> -->
-
 <div class="hidden z-50 absolute w-screen h-screen" id="pacman">
     <div class="w-screen overflow-auto h-screen bg-black/40 flex flex-col relative justify-center items-center py-5">
         <div class="flex space-x-2 items-center px-4 py-2 box-shadow-xl transition-all absolute max-w-[700px] overflow-hidden rounded-xl bg-dark-800 text-white">
@@ -17,11 +13,6 @@
     </div>
 </div>
 
-<!-- <div class="loader pghidden absolute self-center m-auto top-[45%] z-100" id="pacman"> -->
-<!--     <!-1- <img src="{{ url_for('static', filename='img/loader.gif') }}"/> -1-> -->
-<!--     <div class="">{{ _("Loading... It may take a while...") }}</div> -->
-<!-- </div> -->
-
 <script>
     function showPacman(){
         document.getElementById('pacman').style.display='flex';