fix: code block overflow layout

shadcn-ui · Jan 26, 2025 · 3053b46 · 3053b46
1 parent ddf761e
commit 3053b46
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/www/components/code-block-command.tsx b/apps/www/components/code-block-command.tsx
@@ -54,7 +54,7 @@ export function CodeBlockCommand({
   }, [packageManager, tabs])
 
   return (
-    <div className="relative mt-6 max-h-[650px] overflow-x-auto rounded-xl bg-zinc-950 dark:bg-zinc-900">
+    <div className="relative mt-6 max-h-[650px] rounded-xl bg-zinc-950 dark:bg-zinc-900">
       <Tabs
         defaultValue={packageManager}
         onValueChange={(value) => {
@@ -81,7 +81,7 @@ export function CodeBlockCommand({
         </div>
         {Object.entries(tabs).map(([key, value]) => {
           return (
-            <TabsContent key={key} value={key} className="mt-0">
+            <TabsContent key={key} value={key} className="mt-0 overflow-x-auto">
               <pre className="px-4 py-5">
                 <code
                   className="relative font-mono text-sm leading-none"