Show custom header for assistant messages
This commit is contained in:
parent
404bebab63
commit
52e8bf2928
5 changed files with 313 additions and 171 deletions
|
@ -1,13 +1,23 @@
|
|||
import { ColorScheme } from "../themes/common/colorScheme"
|
||||
import { text, border } from "./components"
|
||||
import editor from "./editor"
|
||||
|
||||
export default function assistant(colorScheme: ColorScheme) {
|
||||
const layer = colorScheme.highest;
|
||||
return {
|
||||
container: {
|
||||
background: editor(colorScheme).background,
|
||||
padding: {
|
||||
left: 10,
|
||||
}
|
||||
padding: { left: 12 }
|
||||
},
|
||||
header: {
|
||||
border: border(layer, "default", { bottom: true, top: true }),
|
||||
margin: { bottom: 6, top: 6 }
|
||||
},
|
||||
user_sender: {
|
||||
...text(layer, "sans", "default", { size: "sm", weight: "bold" }),
|
||||
},
|
||||
assistant_sender: {
|
||||
...text(layer, "sans", "accent", { size: "sm", weight: "bold" }),
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue