diff options
| -rw-r--r-- | packages/ui/src/components/session-turn.css | 17 | ||||
| -rw-r--r-- | packages/ui/src/components/session-turn.tsx | 18 |
2 files changed, 27 insertions, 8 deletions
diff --git a/packages/ui/src/components/session-turn.css b/packages/ui/src/components/session-turn.css index e6e4ba7a6..bf143cd4f 100644 --- a/packages/ui/src/components/session-turn.css +++ b/packages/ui/src/components/session-turn.css @@ -125,8 +125,12 @@ padding: 0; } - [data-component="user-message"][data-can-expand="true"] [data-slot="user-message-text"] [data-slot="user-message-expand"], - [data-component="user-message"][data-expanded="true"] [data-slot="user-message-text"] [data-slot="user-message-expand"] { + [data-component="user-message"][data-can-expand="true"] + [data-slot="user-message-text"] + [data-slot="user-message-expand"], + [data-component="user-message"][data-expanded="true"] + [data-slot="user-message-text"] + [data-slot="user-message-expand"] { display: inline-flex; align-items: center; justify-content: center; @@ -143,7 +147,10 @@ } } - [data-component="user-message"][data-expanded="true"] [data-slot="user-message-text"] [data-slot="user-message-expand"] [data-slot="icon-svg"] { + [data-component="user-message"][data-expanded="true"] + [data-slot="user-message-text"] + [data-slot="user-message-expand"] + [data-slot="icon-svg"] { transform: rotate(180deg); } @@ -244,7 +251,7 @@ font-size: 15px; } - &[data-fade="true"]>* { + &[data-fade="true"] > * { animation: fadeUp 0.4s ease-out forwards; opacity: 0; @@ -531,7 +538,7 @@ padding-right: 12px; border-left: 1px solid var(--border-base); - > :first-child>[data-component="markdown"]:first-child { + > :first-child > [data-component="markdown"]:first-child { margin-top: 0; } } diff --git a/packages/ui/src/components/session-turn.tsx b/packages/ui/src/components/session-turn.tsx index 5b759c739..ca63d17ab 100644 --- a/packages/ui/src/components/session-turn.tsx +++ b/packages/ui/src/components/session-turn.tsx @@ -536,7 +536,7 @@ export function SessionTurn( data-slot="session-turn-collapsible-trigger-content" variant="ghost" size="small" - onClick={props.onStepsExpandedToggle ?? (() => { })} + onClick={props.onStepsExpandedToggle ?? (() => {})} aria-expanded={props.stepsExpanded} > <Switch> @@ -544,8 +544,20 @@ export function SessionTurn( <Spinner /> </Match> <Match when={true}> - <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-icon-base"> - <path d="M8.125 1.875H1.875L5 8.125L8.125 1.875Z" fill="currentColor" stroke="currentColor" stroke-linejoin="round" /> + <svg + width="10" + height="10" + viewBox="0 0 10 10" + fill="none" + xmlns="http://www.w3.org/2000/svg" + class="text-icon-base" + > + <path + d="M8.125 1.875H1.875L5 8.125L8.125 1.875Z" + fill="currentColor" + stroke="currentColor" + stroke-linejoin="round" + /> </svg> </Match> </Switch> |