@@ -128,27 +128,29 @@ export function Terminal({ height = "auto" }: TerminalProps) {
128128 } ;
129129
130130 return (
131- < div className = "w-full min-w-full rounded-lg shadow-lg overflow-hidden bg-gray-900 text-white font-mono text-sm relative" style = { { height } } >
132- < div className = "p-2 " >
133- < div className = "flex justify-between items-center mb-2 " >
131+ < div className = "w-full rounded-lg shadow-lg overflow-hidden bg-gray-900 text-white font-mono text-sm relative min-h-[200px] " style = { { height } } >
132+ < div className = "p-4 pb-8 " >
133+ < div className = "flex justify-between items-center mb-4 " >
134134 < div className = "flex space-x-2" >
135135 < div className = "w-3 h-3 rounded-full bg-red-500" > </ div >
136136 < div className = "w-3 h-3 rounded-full bg-yellow-500" > </ div >
137137 < div className = "w-3 h-3 rounded-full bg-green-500" > </ div >
138138 </ div >
139- < button
140- onClick = { copyToClipboard }
141- className = "text-gray-400 hover:text-white transition-colors"
142- aria-label = "Copy to clipboard"
143- >
144- { copied ? (
145- < Check className = "h-5 w-5" />
146- ) : (
147- < Copy className = "h-5 w-5" />
148- ) }
149- </ button >
139+ < div className = "flex space-x-2" >
140+ < button
141+ onClick = { copyToClipboard }
142+ className = "text-gray-400 hover:text-white transition-colors"
143+ aria-label = "Copy to clipboard"
144+ >
145+ { copied ? (
146+ < Check className = "h-5 w-5" />
147+ ) : (
148+ < Copy className = "h-5 w-5" />
149+ ) }
150+ </ button >
151+ </ div >
150152 </ div >
151- < div className = "space-y-2 " >
153+ < div className = "space-y-4 leading-tight " >
152154 { /* Pip Install Block */ }
153155 < div className = "space-y-1" >
154156 { pipCommand . map ( ( step , index ) => (
0 commit comments