feat: increase view button SVG size for improved visibility across tables
This commit is contained in:
@@ -46,7 +46,7 @@
|
|||||||
<td>
|
<td>
|
||||||
{% if log.id %}
|
{% if log.id %}
|
||||||
<button class="view-btn" @click="viewRawRequest({{ log.id }})" title="View Request">
|
<button class="view-btn" @click="viewRawRequest({{ log.id }})" title="View Request">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
|
||||||
<span class="view-btn-tooltip">View Request</span>
|
<span class="view-btn-tooltip">View Request</span>
|
||||||
</button>
|
</button>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@@ -63,7 +63,7 @@
|
|||||||
<td style="display: flex; gap: 6px; flex-wrap: wrap;">
|
<td style="display: flex; gap: 6px; flex-wrap: wrap;">
|
||||||
{% if attack.log_id %}
|
{% if attack.log_id %}
|
||||||
<button class="view-btn" @click="viewRawRequest({{ attack.log_id }})" title="View Request">
|
<button class="view-btn" @click="viewRawRequest({{ attack.log_id }})" title="View Request">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
|
||||||
<span class="view-btn-tooltip">View Request</span>
|
<span class="view-btn-tooltip">View Request</span>
|
||||||
</button>
|
</button>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@@ -119,7 +119,7 @@
|
|||||||
<td>
|
<td>
|
||||||
{% if attack.log_id %}
|
{% if attack.log_id %}
|
||||||
<button class="view-btn" @click="viewRawRequest({{ attack.log_id }})" title="View Request">
|
<button class="view-btn" @click="viewRawRequest({{ attack.log_id }})" title="View Request">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
|
||||||
<span class="view-btn-tooltip">View Request</span>
|
<span class="view-btn-tooltip">View Request</span>
|
||||||
</button>
|
</button>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@@ -27,7 +27,7 @@
|
|||||||
<td style="display: flex; gap: 6px; flex-wrap: wrap;">
|
<td style="display: flex; gap: 6px; flex-wrap: wrap;">
|
||||||
{% if activity.log_id %}
|
{% if activity.log_id %}
|
||||||
<button class="view-btn" @click="viewRawRequest({{ activity.log_id }})" title="View Request">
|
<button class="view-btn" @click="viewRawRequest({{ activity.log_id }})" title="View Request">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
|
||||||
<span class="view-btn-tooltip">View Request</span>
|
<span class="view-btn-tooltip">View Request</span>
|
||||||
</button>
|
</button>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@@ -1620,8 +1620,8 @@ tbody {
|
|||||||
background: rgba(88, 166, 255, 0.1);
|
background: rgba(88, 166, 255, 0.1);
|
||||||
}
|
}
|
||||||
.view-btn svg {
|
.view-btn svg {
|
||||||
width: 16px;
|
width: 18px;
|
||||||
height: 16px;
|
height: 18px;
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
}
|
}
|
||||||
.view-btn-tooltip {
|
.view-btn-tooltip {
|
||||||
@@ -1656,8 +1656,8 @@ tbody {
|
|||||||
transition: color 0.2s, background 0.2s;
|
transition: color 0.2s, background 0.2s;
|
||||||
}
|
}
|
||||||
.inspect-btn svg {
|
.inspect-btn svg {
|
||||||
width: 16px;
|
width: 18px;
|
||||||
height: 16px;
|
height: 18px;
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
}
|
}
|
||||||
.inspect-btn:hover {
|
.inspect-btn:hover {
|
||||||
|
|||||||
Reference in New Issue
Block a user