cetirizine

commit a5cae6abaa70e5fa12e31734450af097e38250ab
parent d6c587f5c12d2c4458502e9162926cf196870931
Author: MTRNord <mtrnord1@gmail.com>
Date:   Fri,  5 May 2023 01:50:10 +0200

fix the basic codeblock design until we have highlightjs hooked up

Diffstat:
M
src/index.scss
 | 
30
++++++++----------------------
M
src/pages/MainPage.tsx
 | 
4
++--

2 files changed, 10 insertions(+), 24 deletions(-)
diff --git a/src/index.scss b/src/index.scss
@@ -20,33 +20,19 @@ a {
   }
 }
 
-pre {
-  color: #F5F7FA;
-  background-color: #1F2933;
-
-  code {
-    &::before {
-      padding-left: unset;
-    }
-
-    &::after {
-      padding-right: unset;
-    }
-  }
-}
-
 code {
   @apply rounded font-normal text-red-500 bg-slate-100 p-0.5;
+}
 
+pre {
+  color: #F5F7FA;
+  background-color: #1F2933;
 
-  &::before {
-    content: "";
-    padding-left: 0.25rem;
-  }
+  @apply rounded p-2;
 
-  &::after {
-    content: "";
-    padding-right: 0.25rem;
+  code {
+    color: #F5F7FA;
+    @apply p-0 bg-transparent;
   }
 }
 
diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx
@@ -82,8 +82,8 @@ const MainPage = memo(() => {
     let params = useParams();
     const room = useRoom(decodeURIComponent(params.roomIdOrAlias || ""));
 
-    const [htmlMessage, setHtmlMessage] = useState<string>("");
-    const [plainMessage, setPlainMessage] = useState<string>("");
+    const [_htmlMessage, setHtmlMessage] = useState<string>("");
+    const [_plainMessage, setPlainMessage] = useState<string>("");
     const scrollRef = useRef<HTMLDivElement>(null);
 
     // Filter toplevel spaces.