CalvinBackup/P4RS3LT0NGV3
1
0
Fork 0
mirror of https://github.com/elder-plinius/P4RS3LT0NGV3.git synced 2026-07-25 13:30:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

Danger modal: move inside #app to inherit Vue state and center correctly; fix always-on artifact

Browse Source
This commit is contained in:
EP
2025-08-20 20:11:29 -07:00
parent 7ddb58b9f5
commit 0c477ac037
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+14 -14
View File
@@ -802,21 +802,21 @@
</div>
</div>
</div>
</div>
<!-- Danger Zone Modal -->
<div :class="['danger-modal-backdrop', showDangerModal ? 'danger-active' : '']">
<div class="danger-modal">
<div class="danger-header">
<i class="fas fa-radiation"></i>
<strong>Danger zone warning</strong>
</div>
<div class="danger-body">
<p>Your projected payload size exceeds <strong>25,000,000</strong> characters. Generating this will very likely <strong>freeze/crash</strong> your browser or downstream tools, and can rack up serious costs if sent to a model.</p>
<p>Proceed only if you fully understand the risks and are testing in a safe, isolated environment.</p>
</div>
<div class="danger-actions">
<button class="danger-proceed" @click="proceedDangerAction"><i class="fas fa-skull-crossbones"></i> I understand, proceed</button>
<!-- Danger Zone Modal (must live inside #app for Vue bindings) -->
<div :class="['danger-modal-backdrop', showDangerModal ? 'danger-active' : '']">
<div class="danger-modal">
<div class="danger-header">
<i class="fas fa-radiation"></i>
<strong>Danger zone warning</strong>
</div>
<div class="danger-body">
<p>Your projected payload size exceeds <strong>25,000,000</strong> characters. Generating this will very likely <strong>freeze/crash</strong> your browser or downstream tools, and can rack up serious costs if sent to a model.</p>
<p>Proceed only if you fully understand the risks and are testing in a safe, isolated environment.</p>
</div>
<div class="danger-actions">
<button class="danger-proceed" @click="proceedDangerAction"><i class="fas fa-skull-crossbones"></i> I understand, proceed</button>
</div>
</div>
</div>
</div>