timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 02:53:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update mdx command component to conform to mobile container size

Browse Source
This commit is contained in:
Timothy Pidashev
2025-04-23 12:26:34 -07:00
parent f2b4660300
commit 6711de5eb6
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/src/components/mdx/command.tsx
View File

@@ -29,7 +29,7 @@ const CommandSequence = ({
};
return (
<div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4">
<div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4" style={{ maxWidth: '95vw' }}>
{/* Header with Terminal Icon and Copy Button */}
<div className="bg-background border-b border-foreground/20 text-foreground p-2 flex items-center justify-between">
<div className="flex items-center">
@@ -141,7 +141,7 @@ const Commands = ({
};
return (
<div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4">
<div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4" style={{ maxWidth: '95vw' }}>
{/* Header with Terminal Icon and Copy Button */}
<div className="bg-background border-b border-foreground/20 text-foreground p-2 flex items-center justify-between">
<div className="flex items-center">
@@ -225,7 +225,7 @@ const Command = ({
};
return (
<div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4">
<div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4" style={{ maxWidth: '95vw' }}>
{/* Header with Terminal Icon and Copy Button */}
<div className="bg-background border-b border-foreground/20 text-foreground p-2 flex items-center justify-between">
<div className="flex items-center">