authorgravatar for me@t3.ggTheo Browne <me@t3.gg> 2026-08-23 13:46:40-07:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-08-23 13:46:40-07:00
log5427ca056270ad49ac88431ac1fb8bb54dd7b91b
tree07ebe076faf73ed739361bc2b9fa5720f1f21401
parent09df91f729c1c61e637e7dd0ef22827cfc8a6cb1
signature Signed by PGP key B5690EEEBB952194

fix(web): keep server update banners flush with the composer (#8000)

2 files changed, 2 insertions(+), 1 deletions(-)

apps/web/src/components/chat/ComposerBannerStack.test.tsx+1
...@@ -53,6 +53,7 @@ describe("ComposerBannerStack", () => {...@@ -53,6 +53,7 @@ describe("ComposerBannerStack", () => {
53 expect(markup).not.toContain("data-composer-banner-stack-expanded-items");53 expect(markup).not.toContain("data-composer-banner-stack-expanded-items");
54 expect(markup).toContain("chat-composer-drawer-surface");54 expect(markup).toContain("chat-composer-drawer-surface");
55 expect(markup).toContain("chat-composer-drawer-attached");55 expect(markup).toContain("chat-composer-drawer-attached");
56 expect(markup).toContain("before:mask-none");
56 expect(markup).toContain("text-xs");57 expect(markup).toContain("text-xs");
57 expect(markup).toContain('data-composer-banner-drawer="true"');58 expect(markup).toContain('data-composer-banner-drawer="true"');
58 expect(markup).toContain('data-variant="warning"');59 expect(markup).toContain('data-variant="warning"');
apps/web/src/components/chat/ComposerBannerStack.tsx+1-1
...@@ -199,7 +199,7 @@ function ComposerBannerStackAlert({...@@ -199,7 +199,7 @@ function ComposerBannerStackAlert({
199 variant={item.variant}199 variant={item.variant}
200 className={cn(200 className={cn(
201 attached201 attached
202 ? "chat-composer-drawer-surface chat-composer-drawer-attached px-3 pt-2 pb-[calc(var(--chat-composer-attachment-overlap)_+_0.375rem)] text-xs sm:px-4"202 ? "chat-composer-drawer-surface chat-composer-drawer-attached px-3 pt-2 pb-[calc(var(--chat-composer-attachment-overlap)_+_0.375rem)] text-xs before:mask-none sm:px-4"
203 : "alert-glass rounded-[22px]",203 : "alert-glass rounded-[22px]",
204 item.className,204 item.className,
205 )}205 )}