mirror of
https://github.com/elder-plinius/P4RS3LT0NGV3.git
synced 2026-07-25 05:20:49 +02:00
Danger modal: ensure not visible by default; show via class toggle; fix acknowledge button to close and restore focus
This commit is contained in:
+2
-1
@@ -1,4 +1,5 @@
|
||||
.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-backdrop { position: fixed !important; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,.6); z-index: 10000; display:none; align-items:center; justify-content:center; }
|
||||
.danger-active .danger-modal-backdrop { display:flex; }
|
||||
.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; }
|
||||
|
||||
+1
-1
@@ -805,7 +805,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Danger Zone Modal -->
|
||||
<div v-if="showDangerModal" class="danger-modal-backdrop">
|
||||
<div :class="['danger-modal-backdrop', showDangerModal ? 'danger-active' : '']">
|
||||
<div class="danger-modal">
|
||||
<div class="danger-header">
|
||||
<i class="fas fa-radiation"></i>
|
||||
|
||||
@@ -1721,7 +1721,16 @@ window.app = new Vue({
|
||||
},
|
||||
|
||||
// Modal acknowledge handler
|
||||
proceedDangerAction() { this.showDangerModal = false; },
|
||||
proceedDangerAction() {
|
||||
// Close modal and return focus to Generate button for accessibility
|
||||
this.showDangerModal = false;
|
||||
this.$nextTick(() => {
|
||||
try {
|
||||
const btn = document.querySelector('.token-bomb-actions .transform-button');
|
||||
btn && btn.focus();
|
||||
} catch (_) {}
|
||||
});
|
||||
},
|
||||
|
||||
// Token Bomb Generator Logic
|
||||
generateTokenBomb() {
|
||||
|
||||
Reference in New Issue
Block a user