Mutation Lab: add spacing and colored variants for Copy/Download buttons

This commit is contained in:
EP
2025-08-20 21:30:51 -07:00
parent 3238c13cb0
commit a32b4aa1d1
2 changed files with 7 additions and 4 deletions
+5 -2
View File
@@ -2130,6 +2130,9 @@ html {
}
/* Mutation Lab actions */
.mutation-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.mutation-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 10px 0 12px 0; }
.mutation-actions .action-button, .mutation-actions .transform-button { white-space: nowrap; }
.mutation-actions .action-button i, .mutation-actions .transform-button i { margin-right: 6px; }
.mutation-actions .action-button.copy { border-color: #1976d2; color: #90caf9; }
.mutation-actions .action-button.copy:hover { color: #bbdefb; box-shadow: 0 0 0 1px rgba(144,202,249,.2) inset, 0 0 14px rgba(144,202,249,.18); }
.mutation-actions .action-button.download { border-color: #2e7d32; color: #69f0ae; }
.mutation-actions .action-button.download:hover { color: #b9f6ca; box-shadow: 0 0 0 1px rgba(105,240,174,.2) inset, 0 0 14px rgba(105,240,174,.18); }
+2 -2
View File
@@ -429,8 +429,8 @@
</div>
<div class="token-bomb-actions mutation-actions">
<button class="transform-button" @click="generateFuzzCases"><i class="fas fa-hammer"></i> Generate Cases</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>
<button class="action-button copy" v-if="fuzzerOutputs.length" @click="copyAllFuzz"><i class="fas fa-copy"></i> Copy All</button>
<button class="action-button download" 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;">