style(web): skip row-hover highlight on empty-state rows

Hovering the empty-state row in LiveLogs/Dashboard tables briefly lit
the full-width td with the data-row glow. Tag the placeholder tr with
.empty-row and scope the .logs-table hover rule to :not(.empty-row).
This commit is contained in:
2026-04-22 17:29:39 -04:00
parent fe8dd08ba6
commit 070ad9397c
3 changed files with 3 additions and 3 deletions

View File

@@ -372,7 +372,7 @@
border-bottom: 1px solid rgba(48, 54, 61, 0.5);
}
.logs-table tr:hover {
.logs-table tr:not(.empty-row):hover {
background-color: rgba(0, 255, 65, 0.03);
}

View File

@@ -417,7 +417,7 @@ const Dashboard: React.FC<DashboardProps> = ({ searchQuery }) => {
</tr>
);
}) : (
<tr>
<tr className="empty-row">
<td colSpan={6} style={{ padding: 0 }}>
<EmptyState
icon={Activity}

View File

@@ -360,7 +360,7 @@ const LiveLogs: React.FC = () => {
</tr>
);
}) : (
<tr>
<tr className="empty-row">
<td colSpan={5}>
<EmptyState
icon={Radio}