Add emotion css

Zenmo · Jun 27, 2024 · 50f916e · 50f916e
1 parent 618034e
commit 50f916e
Show file tree

Hide file tree

Showing 5 changed files with 337 additions and 98 deletions.
diff --git a/frontend/.babelrc b/frontend/.babelrc
@@ -0,0 +1,14 @@
+{
+  "presets": [
+    [
+      "next/babel",
+      {
+        "preset-react": {
+          "runtime": "automatic",
+          "importSource": "@emotion/react"
+        }
+      }
+    ]
+  ],
+  "plugins": ["@emotion/babel-plugin"]
+}
diff --git a/frontend/components/RawHtml/RawHtml.tsx b/frontend/components/RawHtml/RawHtml.tsx
@@ -47,7 +47,7 @@ export default function RawHtml({ html }: { html: string }) {
 
   return (
     <Fragment>
-      <div ref={RawHtmlItem} className={s.Container} dangerouslySetInnerHTML={{ __html: html }} />
+      <div ref={RawHtmlItem} className={s.Container} dangerouslySetInnerHTML={{ __html: html }}/>
       {modal.modalText && (
         <Transition appear show={modal.isOpen} as={Fragment}>
           <Dialog as="div" className="relative z-50" onClose={closeModal}>