From f758d5ff90f18bffb3ecd251a375df2075154f6f Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Sun, 14 Jan 2024 14:16:52 +0800
Subject: [PATCH] feat: remove embed center

---
 src/components/ui/Tweet.tsx                     | 14 ++++++--------
 src/markdown/embed-transformers/NetEaseMusic.ts |  1 -
 src/markdown/embed-transformers/utils.ts        |  2 +-
 3 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/components/ui/Tweet.tsx b/src/components/ui/Tweet.tsx
index 86441f14..17afcdea 100644
--- a/src/components/ui/Tweet.tsx
+++ b/src/components/ui/Tweet.tsx
@@ -19,13 +19,11 @@ export default function Tweet({
   fullUrl: string
 }) {
   return (
-    <div className="flex justify-center">
-      <ReactTweet
-        id={id}
-        components={components}
-        apiUrl={`${SITE_URL}/api/tweet?id=${id}`}
-        fallback={<>{fullUrl}</>}
-      />
-    </div>
+    <ReactTweet
+      id={id}
+      components={components}
+      apiUrl={`${SITE_URL}/api/tweet?id=${id}`}
+      fallback={<p>{fullUrl}</p>}
+    />
   )
 }
diff --git a/src/markdown/embed-transformers/NetEaseMusic.ts b/src/markdown/embed-transformers/NetEaseMusic.ts
index ecd920f2..ffdbff9b 100644
--- a/src/markdown/embed-transformers/NetEaseMusic.ts
+++ b/src/markdown/embed-transformers/NetEaseMusic.ts
@@ -49,7 +49,6 @@ export const NetEaseMusicTransformer: Transformer = {
       name: "netease",
       src: iframe.src,
       height: iframe.height + "px",
-      width: "330px",
       allow:
         "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
     })
diff --git a/src/markdown/embed-transformers/utils.ts b/src/markdown/embed-transformers/utils.ts
index a7b6cfd3..3fd4058b 100644
--- a/src/markdown/embed-transformers/utils.ts
+++ b/src/markdown/embed-transformers/utils.ts
@@ -30,7 +30,7 @@ export const generateIframeHTML = ({
     })
     .join(" ")
 
-  return `<div class="xlog-post-content-${name} relative my-4 mx-auto" style="${
+  return `<div class="xlog-post-content-${name} relative my-4" style="${
     ratio ? `aspect-ratio: ${ratio};` : `width: ${width}; height: ${height};`
   }">
   <iframe class="absolute left-0 top-0 w-full h-full" src="${src}" border="0" ${iframeAttributes}></iframe>