Mutation Lab: restyle Copy All/Download as classy action buttons

This commit is contained in:
EP
2025-08-20 21:25:25 -07:00
parent 233bf577f6
commit 76908e736f
2 changed files with 20 additions and 2 deletions
+18
View File
@@ -1644,6 +1644,24 @@ button:hover {
transform: translateY(1px);
}
/* Classy secondary action buttons (Copy All / Download) */
.action-button {
background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
border: 1px solid var(--input-border);
color: var(--text-color);
padding: 8px 10px;
border-radius: 6px;
cursor: pointer;
transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.action-button i { margin-right: 6px; opacity: .9; }
.action-button:hover {
border-color: var(--accent-color);
color: var(--accent-color);
box-shadow: 0 0 0 1px rgba(100, 181, 246, 0.15) inset, 0 0 12px rgba(100, 181, 246, 0.12);
}
.action-button:active { transform: translateY(1px); }
.decoded-message {
position: relative;
padding: 12px;
+2 -2
View File
@@ -429,8 +429,8 @@
</div>
<div class="token-bomb-actions">
<button class="transform-button" @click="generateFuzzCases"><i class="fas fa-hammer"></i> Generate Cases</button>
<button class="copy-button" v-if="fuzzerOutputs.length" @click="copyAllFuzz"><i class="fas fa-copy"></i> Copy All</button>
<button class="copy-button" v-if="fuzzerOutputs.length" @click="downloadFuzz"><i class="fas fa-download"></i> Download</button>
<button class="action-button" v-if="fuzzerOutputs.length" @click="copyAllFuzz"><i class="fas fa-copy"></i> Copy All</button>
<button class="action-button" v-if="fuzzerOutputs.length" @click="downloadFuzz"><i class="fas fa-download"></i> Download</button>
</div>
<div class="output-container" v-if="fuzzerOutputs.length">
<div class="token-tiles fuzzer-list" style="display:flex; flex-direction:column; gap:8px;">