ui: move session review bottom padding

Remove bottom padding from the scroll wrapper and apply it to the accordion content instead.
This commit is contained in:
David Hill 2026-03-02 16:19:35 +00:00
parent 633a3ba03a
commit 0a3a3216db
2 changed files with 253 additions and 251 deletions

View file

@ -176,7 +176,7 @@ export function SessionReviewTab(props: SessionReviewTabProps) {
open={props.view().review.open()} open={props.view().review.open()}
onOpenChange={props.view().review.setOpen} onOpenChange={props.view().review.setOpen}
classes={{ classes={{
root: props.classes?.root ?? "pb-6 pr-3", root: props.classes?.root ?? "pr-3",
header: props.classes?.header ?? "px-3", header: props.classes?.header ?? "px-3",
container: props.classes?.container ?? "pl-3", container: props.classes?.container ?? "pl-3",
}} }}

View file

@ -621,6 +621,7 @@ export const SessionReview = (props: SessionReviewProps) => {
<div data-slot="session-review-container" class={props.classes?.container}> <div data-slot="session-review-container" class={props.classes?.container}>
<Show when={hasDiffs()} fallback={props.empty}> <Show when={hasDiffs()} fallback={props.empty}>
<div class="pb-6">
<Accordion multiple value={open()} onChange={handleChange}> <Accordion multiple value={open()} onChange={handleChange}>
<For each={files()}> <For each={files()}>
{(file) => { {(file) => {
@ -894,6 +895,7 @@ export const SessionReview = (props: SessionReviewProps) => {
}} }}
</For> </For>
</Accordion> </Accordion>
</div>
</Show> </Show>
</div> </div>
</ScrollView> </ScrollView>