Reduce warning font size on mobile (#3376)

Refs #3224 I could not reproduce but maybe this helps.
LAION-AI · Jun 11, 2023 · 9070e31 · 9070e31
1 parent 51ed8c1
commit 9070e31
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/website/src/components/Chat/ChatWarning.tsx b/website/src/components/Chat/ChatWarning.tsx
@@ -1,11 +1,12 @@
 import { Box } from "@chakra-ui/react";
 import { useTranslation } from "next-i18next";
+import { memo } from "react";
 
-export const ChatWarning = () => {
+export const ChatWarning = memo(function ChatWarning() {
   const { t } = useTranslation("chat");
   return (
-    <Box fontSize="sm" textAlign="center" mb="2" className="max-w-5xl mx-auto">
+    <Box fontSize={["xs", "sm"]} textAlign="center" mb="2" className="max-w-5xl mx-auto">
       {t("warning")}
     </Box>
   );
-};
+});