diff --git a/apps/desktop/src/components/assistant-ui/thread.tsx b/apps/desktop/src/components/assistant-ui/thread.tsx index f802104f5..dbeecd526 100644 --- a/apps/desktop/src/components/assistant-ui/thread.tsx +++ b/apps/desktop/src/components/assistant-ui/thread.tsx @@ -638,7 +638,7 @@ function messageAttachmentRefs(value: unknown): string[] { function StickyHumanMessageContainer({ children }: { children: ReactNode }) { return (
diff --git a/apps/desktop/src/styles.css b/apps/desktop/src/styles.css index 3dd174a52..541d0eefe 100644 --- a/apps/desktop/src/styles.css +++ b/apps/desktop/src/styles.css @@ -272,6 +272,7 @@ --conversation-line-height: 1.125rem; --conversation-caption-line-height: 1rem; --conversation-turn-gap: 0.375rem; + --sticky-human-top: 0.75rem; --file-tree-row-height: 1.375rem; --composer-width: 48.75rem; @@ -704,6 +705,10 @@ canvas { padding-inline-start: var(--md-text-indent, 0.5rem); } +[data-slot='aui_user-message-root'] { + top: var(--sticky-human-top); +} + [data-slot='aui_user-message-root'], [data-slot='aui_edit-composer-root'] { font-size: var(--conversation-text-font-size);