Skip to content

Commit d2e840e

Browse files
committed
fix(ai): center intro video thumb on Claude setup screens
The .ai-placeholder layout pins the video thumb at flex-start which worked for the browser-build placeholder (left-aligned content), but on the Claude install / login screens — which reuse the layout via .ai-setup — the 28vh thumb cap leaves a visible gap on the right as the window narrows. Center the thumb only for the .ai-setup variants.
1 parent c3a6636 commit d2e840e

1 file changed

Lines changed: 9 additions & 0 deletions

File tree

src/styles/Extn-AIChatPanel.less

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2973,6 +2973,15 @@
29732973
align-self: flex-start;
29742974
}
29752975

2976+
/* Setup screens (Claude install / Claude login) reuse the placeholder
2977+
layout but want the thumb visually centered — at narrow viewport
2978+
heights the 28vh cap shrinks the thumb well below the surrounding
2979+
column width, and flex-start pinning leaves a noticeable empty gap
2980+
on the right. */
2981+
.ai-placeholder.ai-setup .ai-intro-video-thumb {
2982+
align-self: center;
2983+
}
2984+
29762985
.ai-placeholder-cards {
29772986
list-style: none;
29782987
margin: 0;

0 commit comments

Comments
 (0)