From 0ec391e7b5411bef048149fe1f45c501fdd2cc05 Mon Sep 17 00:00:00 2001
From: ouweiya <higogle1@gmail.com>
Date: Mon, 22 Apr 2024 05:22:37 +0800
Subject: [PATCH 1/4] fixed layout flickering.

---
 website/src/components/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/components/main.js b/website/src/components/main.js
index 45448890aa..e415a90d66 100644
--- a/website/src/components/main.js
+++ b/website/src/components/main.js
@@ -1,6 +1,6 @@
 export const Main = ({ children, ...rest }) => {
   return (
-    <main className="p-6 sm:p-8 lg:mt-8 lg:max-w-5xl lg:flex-shrink xl:p-16" {...rest}>
+    <main className="p-6 sm:p-8 lg:mt-8 lg:max-w-5xl lg:flex-shrink xl:p-16 flex-grow" {...rest}>
       {children}
     </main>
   );

From 870c3f5bb85c2864867516358df099375bae6384 Mon Sep 17 00:00:00 2001
From: ouweiya <higogle1@gmail.com>
Date: Mon, 22 Apr 2024 05:51:01 +0800
Subject: [PATCH 2/4] Update main.js layout class name

---
 website/src/components/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/components/main.js b/website/src/components/main.js
index e415a90d66..7d99f6ba0f 100644
--- a/website/src/components/main.js
+++ b/website/src/components/main.js
@@ -1,6 +1,6 @@
 export const Main = ({ children, ...rest }) => {
   return (
-    <main className="p-6 sm:p-8 lg:mt-8 lg:max-w-5xl lg:flex-shrink xl:p-16 flex-grow" {...rest}>
+    <main className="p-6 sm:p-8 lg:mt-8 lg:max-w-5xl lg:flex-shrink xl:p-16 grow" {...rest}>
       {children}
     </main>
   );

From 49e0935346a2e64fe09a66b282d5bf6fa11038dc Mon Sep 17 00:00:00 2001
From: ouweiya <higogle1@gmail.com>
Date: Mon, 22 Apr 2024 06:02:13 +0800
Subject: [PATCH 3/4] Prevent code blocks from being translated.

---
 website/src/components/code.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/components/code.js b/website/src/components/code.js
index 0db7860960..38bd8447e2 100644
--- a/website/src/components/code.js
+++ b/website/src/components/code.js
@@ -6,7 +6,7 @@ export const Code = ({ language = 'jsx', children }) => {
   return (
     <Highlight {...defaultProps} language={language} code={code} theme={undefined}>
       {({ className, style, tokens, getLineProps, getTokenProps }) => (
-        <pre className={className} style={style}>
+        <pre className={`${className} notranslate`} style={style}>
           {tokens.map((line, i) => (
             <div {...getLineProps({ line, key: i })}>
               {line.map((token, key) => (

From a489652fa333a2884b284bad0af66f2241f05768 Mon Sep 17 00:00:00 2001
From: sandren <20441876+sandren@users.noreply.github.com>
Date: Mon, 22 Apr 2024 21:35:38 -0700
Subject: [PATCH 4/4] fix: add width to wrapper

---
 website/src/components/wrapper.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/components/wrapper.js b/website/src/components/wrapper.js
index 9d487f8f9e..52bb4a54ca 100644
--- a/website/src/components/wrapper.js
+++ b/website/src/components/wrapper.js
@@ -1,7 +1,7 @@
 export const Wrapper = ({ children, ...rest }) => {
   return (
     <div
-      className="relative flex flex-col lg:mx-auto lg:max-w-[1920px] lg:flex-row lg:justify-around"
+      className="relative flex flex-col lg:mx-auto lg:max-w-[1920px] lg:w-full lg:flex-row lg:justify-around"
       {...rest}
     >
       {children}