tighten message spacing
This commit is contained in:
@@ -229,7 +229,7 @@ export default function MessageItem(props: MessageItemProps) {
|
|||||||
</For>
|
</For>
|
||||||
|
|
||||||
<Show when={fileAttachments().length > 0}>
|
<Show when={fileAttachments().length > 0}>
|
||||||
<div class="message-attachments">
|
<div class="message-attachments mt-1">
|
||||||
<For each={fileAttachments()}>
|
<For each={fileAttachments()}>
|
||||||
{(attachment) => {
|
{(attachment) => {
|
||||||
const name = getAttachmentName(attachment)
|
const name = getAttachmentName(attachment)
|
||||||
|
|||||||
@@ -11,20 +11,20 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.message-item-base:not(.assistant-message) {
|
.message-item-base:not(.assistant-message) {
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.25rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-step-start {
|
.message-step-start {
|
||||||
background-color: var(--message-assistant-bg);
|
background-color: var(--message-assistant-bg);
|
||||||
border-left: 4px solid var(--message-assistant-border);
|
border-left: 4px solid var(--message-assistant-border);
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-step-finish {
|
.message-step-finish {
|
||||||
background-color: var(--message-assistant-bg);
|
background-color: var(--message-assistant-bg);
|
||||||
border-left: 4px solid var(--message-assistant-border);
|
border-left: 4px solid var(--message-assistant-border);
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user