Cleanup padding/reduce scrolling on landing page (#1281)

This commit is contained in:
Johnny Shields
2026-04-02 06:02:50 +09:00
committed by GitHub
parent fd2e287153
commit e4d6e5dc80
2 changed files with 5 additions and 5 deletions

View File

@@ -1553,7 +1553,7 @@ export default function Composer(props: ComposerProps) {
return ( return (
<div <div
class={`sticky bottom-0 z-20 bg-gradient-to-t from-dls-surface via-dls-surface/95 to-transparent px-4 md:px-8 ${props.compactTopSpacing ? "pt-0" : "pt-10"} pb-5`} class={`sticky bottom-0 z-20 bg-gradient-to-t from-dls-surface via-dls-surface/95 to-transparent px-4 md:px-8 ${props.compactTopSpacing ? "pt-0" : "pt-3"} pb-5`}
style={{ contain: "layout style" }} style={{ contain: "layout style" }}
> >
<div class="max-w-[800px] mx-auto"> <div class="max-w-[800px] mx-auto">

View File

@@ -3186,7 +3186,7 @@ export default function SessionView(props: SessionViewProps) {
<div class="flex-1 flex overflow-hidden"> <div class="flex-1 flex overflow-hidden">
<div class="relative min-w-0 flex-1 overflow-hidden bg-dls-surface"> <div class="relative min-w-0 flex-1 overflow-hidden bg-dls-surface">
<div <div
class={`h-full overflow-y-auto px-4 sm:px-6 lg:px-10 ${showWorkspaceSetupEmptyState() ? "pt-20 pb-10" : "pt-10 pb-10"} bg-dls-surface`} class={`h-full overflow-y-auto px-4 sm:px-6 lg:px-10 ${showWorkspaceSetupEmptyState() ? "pt-20" : "pt-10"} bg-dls-surface`}
style={{ contain: "layout paint style" }} style={{ contain: "layout paint style" }}
onWheel={(event) => { onWheel={(event) => {
sessionScroll.markScrollGesture(event.target); sessionScroll.markScrollGesture(event.target);
@@ -3241,7 +3241,7 @@ export default function SessionView(props: SessionViewProps) {
!deferSessionRender() !deferSessionRender()
} }
> >
<div class="text-center py-16 px-6 space-y-6"> <div class="text-center px-6 space-y-6">
<div class="w-16 h-16 bg-dls-hover rounded-3xl mx-auto flex items-center justify-center border border-dls-border"> <div class="w-16 h-16 bg-dls-hover rounded-3xl mx-auto flex items-center justify-center border border-dls-border">
<Zap class="text-dls-secondary" /> <Zap class="text-dls-secondary" />
</div> </div>
@@ -3304,7 +3304,7 @@ export default function SessionView(props: SessionViewProps) {
</div> </div>
</Show> </Show>
<div> <Show when={batchedRenderedMessages().length > 0}>
<MessageList <MessageList
messages={batchedRenderedMessages()} messages={batchedRenderedMessages()}
isStreaming={showRunIndicator()} isStreaming={showRunIndicator()}
@@ -3358,7 +3358,7 @@ export default function SessionView(props: SessionViewProps) {
) : undefined ) : undefined
} }
/> />
</div> </Show>
</Show> </Show>
</div> </div>
</div> </div>