The copy button is further over

This commit is contained in:
Matt Aitken
2025-12-20 17:03:57 +00:00
parent 84673c5e2d
commit 6655c49823
2 changed files with 8 additions and 3 deletions
@@ -4,6 +4,7 @@ import { DateTime } from "~/components/primitives/DateTime";
import { EnvironmentCombo } from "~/components/environments/EnvironmentLabel";
import { MachineLabelCombo } from "~/components/MachineLabelCombo";
import {
CopyableTableCell,
Table,
TableBody,
TableCell,
@@ -275,13 +276,17 @@ export function TSQLResultsTable({
rows.map((row, i) => (
<TableRow key={i}>
{columns.map((col) => (
<TableCell key={col.name} alignment={isRightAlignedColumn(col) ? "right" : "left"}>
<CopyableTableCell
key={col.name}
alignment={isRightAlignedColumn(col) ? "right" : "left"}
value={String(row[col.name])}
>
<CellValue
value={row[col.name]}
column={col}
prettyFormatting={prettyFormatting}
/>
</TableCell>
</CopyableTableCell>
))}
</TableRow>
))
@@ -289,7 +289,7 @@ export const CopyableTableCell = forwardRef<HTMLTableCellElement, CopyableTableC
e.preventDefault();
copy();
}}
className="absolute right-0 top-1/2 z-10 hidden -translate-y-1/2 cursor-pointer group-hover/copyable-cell:flex"
className="absolute -right-2 top-1/2 z-10 hidden -translate-y-1/2 cursor-pointer group-hover/copyable-cell:flex"
>
<SimpleTooltip
button={