Fix homepage style issue (#356)

* Update style

* Update sytles

* Update styles

Author: comfyui-wiki

index.mdx

@@ -37,11 +37,23 @@ export const HeroCard = ({ filename, darkFilename, title, description, href }) =
 <div className="relative">
 {/* header */}
 <div className="w-full text-center mt-16 pb-16">
-<div className="mt-24 text-center">
-        <img src="/logo/light.svg" className="block dark:hidden pointer-events-none mx-auto" />
-        <img src="/logo/dark.svg" className="hidden dark:block pointer-events-none mx-auto"/>
-</div>
-<h1 style={{ fontSize: "18px", fontWeight: "bold", marginTop: "10px" }}>ComfyUI Official Documentation</h1>
+  <div className="mt-24 text-center">
+    <img src="/logo/light.svg" className="block dark:hidden pointer-events-none mx-auto" />
+    <img src="/logo/dark.svg" className="hidden dark:block pointer-events-none mx-auto"/>
+  </div>
+  <div className="flex justify-center w-full">
+    <h1
+      style={{
+        fontSize: "18px",
+        fontWeight: "bold",
+        marginTop: "10px",
+        textAlign: "center"
+      }}
+      className="text-center"
+    >
+      ComfyUI Official Documentation
+    </h1>
+  </div>
 </div>
 {/* header end */}
 

zh-CN/index.mdx

@@ -35,14 +35,26 @@ export const HeroCard = ({ filename, darkFilename, title, description, href }) =
 }
 
 <div className="relative">
-{/* header */}
-<div className="w-full text-center mt-16 pb-16">
-<div className="mt-24 text-center">
-        <img src="/logo/light.svg" className="block dark:hidden pointer-events-none mx-auto" />
-        <img src="/logo/dark.svg" className="hidden dark:block pointer-events-none mx-auto"/>
-</div>
-<h1 style={{ fontSize: "18px", fontWeight: "bold", marginTop: "10px" }}>ComfyUI 官方文档</h1>
-</div>
+  {/* header */}
+  <div className="w-full text-center mt-16 pb-16">
+    <div className="mt-24 text-center">
+      <img src="/logo/light.svg" className="block dark:hidden pointer-events-none mx-auto" />
+      <img src="/logo/dark.svg" className="hidden dark:block pointer-events-none mx-auto"/>
+    </div>
+    <div className="flex justify-center w-full">
+      <h1
+        style={{
+          fontSize: "18px",
+          fontWeight: "bold",
+          marginTop: "10px",
+          textAlign: "center"
+        }}
+        className="text-center"
+      >
+        ComfyUI 官方文档
+      </h1>
+    </div>
+  </div>
 
 <div className="text-center">
 <div className="flex gap-4 justify-center items-center">