Merge branch 'main' into style/svelte-import-blank-line

Author: sukvvon

src/components/landing/LandingCodeExampleCard.server.tsx

@@ -25,29 +25,33 @@ export function LandingCodeExampleCard({
   return (
     <div className="px-4 space-y-4 flex flex-col items-center">
       <div className="text-3xl font-black">{title}</div>
-      <Tabs tabs={tabs}>
-        {frameworks.map((framework) => {
-          const example = codeByFramework[framework]
+      <div className="max-w-full min-w-0">
+        <Tabs tabs={tabs}>
+          {frameworks.map((framework) => {
+            const example = codeByFramework[framework]
+
+            if (!example) {
+              return (
+                <div key={framework}>
+                  {renderFallback ? renderFallback(framework) : null}
+                </div>
+              )
+            }
 
-          if (!example) {
             return (
-              <div key={framework}>
-                {renderFallback ? renderFallback(framework) : null}
-              </div>
+              <CodeBlock
+                key={framework}
+                className="mt-0 border-0"
+                showTypeCopyButton={false}
+              >
+                <code className={`language-${example.lang}`}>
+                  {example.code}
+                </code>
+              </CodeBlock>
             )
-          }
-
-          return (
-            <CodeBlock
-              key={framework}
-              className="mt-0 border-0"
-              showTypeCopyButton={false}
-            >
-              <code className={`language-${example.lang}`}>{example.code}</code>
-            </CodeBlock>
-          )
-        })}
-      </Tabs>
+          })}
+        </Tabs>
+      </div>
     </div>
   )
 }