Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blur modal background #2481

Merged
merged 2 commits into from
Dec 19, 2024
Merged

Blur modal background #2481

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
30435c7
add tailwind classes to blur background of modals
moneymanolis Dec 19, 2024
798cf45
remove commented out and unused code snippets in overlay.html
moneymanolis Dec 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 1 addition & 10 deletions src/cryptoadvance/specter/templates/includes/overlay/overlay.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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">
Expand All @@ -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';
Expand Down
Loading