Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enhancement: error ui in threads (#4578)

Browse Source
This commit is contained in:
Faisal Amir 2025-02-05 12:26:15 +07:00 committed by GitHub
parent 0cc6f29f7f
commit 7f4155c443
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/containers/ErrorMessage/index.tsx
View File

@ -103,9 +103,12 @@ const ErrorMessage = ({ message }: { message: ThreadMessage }) => {
key={message.id} key={message.id}
> >
<div className="flex justify-between border-b border-inherit px-4 py-2"> <div className="flex justify-between border-b border-inherit px-4 py-2">
<h6 className="text-[hsla(var(--destructive-bg))]">Error</h6> <h6 className="flex items-center gap-x-1 font-semibold text-[hsla(var(--destructive-bg))]">
<span className="h-2 w-2 rounded-full bg-[hsla(var(--destructive-bg))]" />
<span>Error</span>
</h6>
<div className="flex items-center gap-x-4 text-xs"> <div className="flex items-center gap-x-4 text-xs">
<div> <div className="font-semibold">
<span <span
className="flex cursor-pointer items-center gap-x-1 text-[hsla(var(--app-link))]" className="flex cursor-pointer items-center gap-x-1 text-[hsla(var(--app-link))]"
onClick={() => setModalTroubleShooting(true)} onClick={() => setModalTroubleShooting(true)}
@ -116,7 +119,7 @@ const ErrorMessage = ({ message }: { message: ThreadMessage }) => {
<ModalTroubleShooting /> <ModalTroubleShooting />
</div> </div>
<div <div
className="flex cursor-pointer items-center gap-x-1 text-[hsla(var(--text-secondary))]" className="flex cursor-pointer items-center gap-x-1 font-semibold text-[hsla(var(--text-secondary))]"
onClick={handleCopy} onClick={handleCopy}
> >
{copied ? ( {copied ? (
@ -138,7 +141,7 @@ const ErrorMessage = ({ message }: { message: ThreadMessage }) => {
</div> </div>
<div className="max-h-[80px] w-full overflow-x-auto p-4 py-2"> <div className="max-h-[80px] w-full overflow-x-auto p-4 py-2">
<div <div
className="text-xs leading-relaxed text-[hsla(var(--text-secondary))]" className="font-serif text-xs leading-relaxed text-[hsla(var(--text-secondary))]"
ref={errorDivRef} ref={errorDivRef}
> >
{getErrorTitle()} {getErrorTitle()}

5
web/tailwind.config.js
View File

@ -55,9 +55,8 @@ module.exports = {
}, },
extend: { extend: {
fontFamily: { fontFamily: {
fontFamily: { sans: ['Inter', ...defaultTheme.fontFamily.sans],
sans: ['Inter var', ...defaultTheme.fontFamily.sans], serif: ['Roboto Mono', ...defaultTheme.fontFamily.mono],
},
}, },
}, },
}, },