leyoda/rqbit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change red to darker shade and whitespace-pre-line added to wrap text in alert box

Browse source
This commit is contained in:
Artur Lozovski 2023-12-15 14:38:14 +00:00
parent e06af3e570
commit fb32b8f0bb
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
crates/librqbit/webui/src/components/ErrorComponent.tsx
View file

@ -7,7 +7,7 @@ const AlertDanger: React.FC<{
onClose?: () => void; onClose?: () => void;
}> = ({ title, children, onClose }) => { }> = ({ title, children, onClose }) => {
return ( return (
<div className="bg-red-200 p-3 rounded-md mb-3"> <div className="bg-red-200 p-3 rounded-md mb-3 dark:bg-red-800/60">
<div className="flex justify-between mb-2"> <div className="flex justify-between mb-2">
<h2 className="text-lg font-semibold">{title}</h2> <h2 className="text-lg font-semibold">{title}</h2>
{onClose && ( {onClose && (
@ -36,7 +36,7 @@ export const ErrorComponent = (props: {
{error.details?.statusText && ( {error.details?.statusText && (
<div className="pb-2 text-md">{error.details?.statusText}</div> <div className="pb-2 text-md">{error.details?.statusText}</div>
)} )}
<div className="whitespace-pre text-sm">{error.details?.text}</div> <div className="whitespace-pre-line text-sm">{error.details?.text}</div>
</AlertDanger> </AlertDanger>
); );
}; };