ui: add hover:cursor-pointer utility to interactive buttons across components

This commit is contained in:
2026-07-17 01:22:07 +01:00
parent 2d78ce0340
commit 641b2b7a22
3 changed files with 6 additions and 6 deletions
@@ -11,7 +11,7 @@
<div class="bg-surface rounded-xl overflow-hidden shadow-lg border border-border-subtle"> <div class="bg-surface rounded-xl overflow-hidden shadow-lg border border-border-subtle">
<div class="px-6 py-4 border-b border-border-subtle flex justify-between items-center"> <div class="px-6 py-4 border-b border-border-subtle flex justify-between items-center">
<h3 class="text-lg font-medium text-heading">All Findings ({{ findings.length }})</h3> <h3 class="text-lg font-medium text-heading">All Findings ({{ findings.length }})</h3>
<button @click="loadFindings" class="text-body hover:text-heading transition-colors">Refresh</button> <button @click="loadFindings" class="text-body hover:text-heading transition-colors hover:cursor-pointer">Refresh</button>
</div> </div>
<div class="overflow-x-auto"> <div class="overflow-x-auto">
+1 -1
View File
@@ -2,7 +2,7 @@
<div class="bg-surface rounded-xl overflow-hidden shadow-lg border border-border-subtle"> <div class="bg-surface rounded-xl overflow-hidden shadow-lg border border-border-subtle">
<div class="px-6 py-4 border-b border-border-subtle flex justify-between items-center"> <div class="px-6 py-4 border-b border-border-subtle flex justify-between items-center">
<h2 class="text-xl font-semibold text-heading">Scans History</h2> <h2 class="text-xl font-semibold text-heading">Scans History</h2>
<button @click="loadScans" class="text-body hover:text-heading transition-colors"> <button @click="loadScans" class="text-body hover:text-heading transition-colors hover:cursor-pointer">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path></svg> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path></svg>
</button> </button>
</div> </div>
+4 -4
View File
@@ -25,7 +25,7 @@
</div> </div>
</div> </div>
<div> <div>
<button type="submit" class="w-full bg-accent hover:bg-accent/80 text-bg font-bold py-2 px-4 rounded-lg shadow-md hover:shadow-lg transition-all transform hover:-translate-y-0.5"> <button type="submit" class="w-full bg-accent hover:bg-accent/80 text-bg font-bold py-2 px-4 rounded-lg shadow-md hover:shadow-lg transition-all transform hover:-translate-y-0.5 hover:cursor-pointer">
Add Target Add Target
</button> </button>
</div> </div>
@@ -35,7 +35,7 @@
<div class="bg-surface rounded-xl overflow-hidden shadow-lg border border-border-subtle"> <div class="bg-surface rounded-xl overflow-hidden shadow-lg border border-border-subtle">
<div class="px-6 py-4 border-b border-border-subtle flex justify-between items-center"> <div class="px-6 py-4 border-b border-border-subtle flex justify-between items-center">
<h2 class="text-xl font-semibold text-heading">Configured Targets</h2> <h2 class="text-xl font-semibold text-heading">Configured Targets</h2>
<button @click="loadTargets" class="text-body hover:text-heading transition-colors"> <button @click="loadTargets" class="text-body hover:text-heading transition-colors hover:cursor-pointer">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path></svg> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path></svg>
</button> </button>
</div> </div>
@@ -61,8 +61,8 @@
{{ target.last_scan_at ? new Date(target.last_scan_at).toLocaleString() : 'Never' }} {{ target.last_scan_at ? new Date(target.last_scan_at).toLocaleString() : 'Never' }}
</td> </td>
<td class="px-6 py-4 text-right space-x-3"> <td class="px-6 py-4 text-right space-x-3">
<button @click="runScan(target.id)" class="text-accent hover:text-accent/80 font-medium transition-colors">Run Now</button> <button @click="runScan(target.id)" class="text-accent hover:text-accent/80 font-medium transition-colors hover:cursor-pointer">Run Now</button>
<button @click="deleteTarget(target.id)" class="text-red-400 hover:text-red-300 font-medium transition-colors">Delete</button> <button @click="deleteTarget(target.id)" class="text-red-400 hover:text-red-300 font-medium transition-colors hover:cursor-pointer">Delete</button>
</td> </td>
</tr> </tr>
<tr v-if="targets.length === 0"> <tr v-if="targets.length === 0">