CalvinBackup/P4RS3LT0NGV3
1
0
Fork 0
mirror of https://github.com/elder-plinius/P4RS3LT0NGV3.git synced 2026-02-12 16:52:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Danger modal: elevate z-index, center as true modal with pop animation

Browse Source
This commit is contained in:
EP
2025-08-20 20:00:16 -07:00
parent 4b729715cf
commit 8b8342a54b
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
css/style.css
View File

@@ -1,5 +1,6 @@
.danger-modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 3000; display:flex; align-items:center; justify-content:center; }
.danger-modal { width: 560px; max-width: calc(100% - 32px); background: #0b0f0b; border: 1px solid #2e7d32; border-radius: 10px; box-shadow: 0 18px 48px rgba(0,0,0,.6); }
.danger-modal-backdrop { position: fixed !important; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,.6); z-index: 10000; display:flex; align-items:center; justify-content:center; }
.danger-modal { width: 560px; max-width: calc(100% - 32px); background: #0b0f0b; border: 1px solid #2e7d32; border-radius: 10px; box-shadow: 0 18px 48px rgba(0,0,0,.6); transform: scale(.96); animation: danger-pop .18s ease-out forwards; }
@keyframes danger-pop { to { transform: scale(1); } }
.danger-header { display:flex; align-items:center; gap:8px; padding: 14px 16px; color:#69f0ae; border-bottom:1px solid #1b5e20; font-size:1.05rem; }
.danger-body { padding: 14px 16px; color:#e0f2f1; opacity:.95; }
.danger-actions { display:flex; gap:8px; justify-content:flex-end; padding: 12px 16px; border-top:1px solid #1b5e20; }