Spaces:
Running
Running
File size: 1,625 Bytes
f098874 727c614 4eeeb10 727c614 4eeeb10 727c614 4eeeb10 727c614 f098874 4eeeb10 f098874 cf9641a 727c614 cf9641a f098874 cf9641a 727c614 4eeeb10 727c614 4eeeb10 eb7dd3e 8e65602 eb7dd3e a56bf2f 8e65602 eb7dd3e | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 | @import "../_variables.css";
.messageContainer {
display: flex;
flex-direction: column;
gap: var(--spacing-xxs);
width: fit-content;
margin: var(--spacing-huge) var(--spacing-zero);
max-width: 100%;
}
.userMessageContainer {
margin-left: auto;
align-items: flex-end;
}
.systemMessageContainer {
margin-right: auto;
align-items: flex-start;
max-width: 100%;
}
.messageBox {
padding: 8px 24px;
border-radius: 16px;
box-shadow: var(--shadow-default);
}
.userMessageBox {
background-color: var(--color-primary);
max-width: 70%;
}
.systemMessageBox {
color: var(--text-color-button);
background-color: var(--background-color-primary);
}
.attachedFiles {
display: flex;
flex-direction: column;
gap: var(--spacing-sm);
flex-wrap: wrap;
justify-content: flex-end;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
max-height: 200px;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
background: transparent;
}
}
.markdownContent > :first-child {
margin-top: var(--spacing-lg);
}
.markdownContent > :last-child {
margin-bottom: var(--spacing-lg);
}
.markdownContent {
line-height: 1.8;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.markdownContent code {
max-width: 100%;
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: rgba(27,31,35,0.05);
border-radius: 6px;
white-space: pre-wrap;
word-break: break-all;
} |