From fb32b8f0bb251d18ff7cd107ff59a494e3ee16a4 Mon Sep 17 00:00:00 2001
From: Artur Lozovski <arccik@gmail.com>
Date: Fri, 15 Dec 2023 14:38:14 +0000
Subject: [PATCH] change red to darker shade and whitespace-pre-line added to
 wrap text in alert box

---
 crates/librqbit/webui/src/components/ErrorComponent.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/crates/librqbit/webui/src/components/ErrorComponent.tsx b/crates/librqbit/webui/src/components/ErrorComponent.tsx
index 9a5e6fa..8061921 100644
--- a/crates/librqbit/webui/src/components/ErrorComponent.tsx
+++ b/crates/librqbit/webui/src/components/ErrorComponent.tsx
@@ -7,7 +7,7 @@ const AlertDanger: React.FC<{
   onClose?: () => void;
 }> = ({ title, children, onClose }) => {
   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">
         <h2 className="text-lg font-semibold">{title}</h2>
         {onClose && (
@@ -36,7 +36,7 @@ export const ErrorComponent = (props: {
       {error.details?.statusText && (
         <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>
   );
 };