fix(ui): table scroll wrapper takes layout class; align auto-enable toggle

The Table component applied its class to the inner <table> instead of the scroll
wrapper, so the Partner Nodes scroll container was unconstrained and the sticky
header gap/height shifted on scroll. Apply the class to the wrapper and set
border-spacing:0 on the table so the sticky header sits flush. Pad the
auto-enable footer so its toggle lines up with the in-table row toggles.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
comfydesigner
2026-07-07 15:05:11 -07:00
parent 2872fd4062
commit 77624ad2b6
2 changed files with 8 additions and 4 deletions

View File

@@ -1,6 +1,8 @@
<template>
<div class="relative w-full overflow-auto">
<table :class="cn('w-full caption-bottom text-sm', className)">
<div :class="cn('relative w-full overflow-auto', className)">
<table
class="w-full caption-bottom border-separate border-spacing-0 text-sm"
>
<slot />
</table>
</div>

View File

@@ -134,9 +134,11 @@
</Table>
</div>
<!-- Auto-enable default: outside the card, pinned to the panel bottom -->
<!-- Auto-enable default: outside the card, pinned to the panel bottom. The
right padding lines the toggle up with the in-table row toggles (table px-4
+ cell px-2), per the Figma. -->
<div
class="flex items-center justify-end gap-2 pt-4 text-sm text-muted-foreground"
class="flex items-center justify-end gap-2 pt-4 pr-6 text-sm text-muted-foreground"
>
<span>{{ $t('workspacePanel.partnerNodes.autoEnableLabel') }}</span>
<span class="text-base-foreground">