Browse Source

[Beta] Fix empty message styling in console (#4784)

* fixes empty messages added in console

* Revert "fixes empty messages added in console"

This reverts commit c978a82be60a55c0dd81cc9ed8ecf31d43d52385.

* add min height
main
Strek 3 years ago
committed by GitHub
parent
commit
ee7705675d
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 4
      beta/src/components/MDX/Sandpack/Console.tsx

4
beta/src/components/MDX/Sandpack/Console.tsx

@ -106,10 +106,10 @@ export const SandpackConsole = () => {
<div
key={id}
className={cn(
'last:border-none border-b dark:border-gray-700 text-md p-1 pl-2 leading-6 font-mono',
'last:border-none border-b dark:border-gray-700 text-md p-1 pl-2 leading-6 font-mono min-h-[32px]',
`console-${getType(method)}`
)}>
<span className={cn('console-message')}>
<span className="console-message">
{data.map((msg, index) => {
if (typeof msg === 'string') {
return <span key={`${msg}-${index}`}>{msg}</span>;

Loading…
Cancel
Save