fix: prevent relay list flicker during post publishing

Fixed the relay list flickering issue that occurred while publishing posts:
- Changed overflow-y-auto to overflow-y-scroll to keep scrollbar visible
- Added fixed width (w-6) to status indicator container to prevent layout shifts
- Status indicators no longer cause content reflow when changing states
This commit is contained in:
Claude
2026-01-21 15:29:15 +00:00
parent adf8a62954
commit 32c8755541

View File

@@ -752,7 +752,7 @@ export function PostViewer({ windowId }: PostViewerProps = {}) {
</span>
</div>
<div className="space-y-1 max-h-64 overflow-y-auto">
<div className="space-y-1 max-h-64 overflow-y-scroll">
{relayStates.map((relay) => {
// Get relay connection state from pool
const poolRelay = relayPoolMap?.get(relay.url);
@@ -799,7 +799,7 @@ export function PostViewer({ windowId }: PostViewerProps = {}) {
</div>
{/* Status indicator */}
<div className="flex-shrink-0">
<div className="flex-shrink-0 w-6 flex items-center justify-center">
{relay.status === "publishing" && (
<Loader2 className="h-4 w-4 animate-spin text-blue-500" />
)}