Make content log overflow scroll Y and X

This commit is contained in:
Faisal Amir 2024-01-16 21:46:07 +07:00
parent 53cb96c205
commit 2f417ef5db

View File

@ -18,17 +18,19 @@ const Logs = () => {
}, [logs]) }, [logs])
return ( return (
<div className="p-4"> <div className="overflow-hidden">
{logs.length > 1 ? ( {logs.length > 1 ? (
<code className="text-xs"> <div className="h-full overflow-auto p-4">
{logs.map((log, i) => { <code className="text-xs">
return ( {logs.map((log, i) => {
<p key={i} className="my-2 leading-relaxed"> return (
{log} <p key={i} className="my-2 leading-relaxed">
</p> {log}
) </p>
})} )
</code> })}
</code>
</div>
) : ( ) : (
<div className="mt-24 flex flex-col items-center justify-center"> <div className="mt-24 flex flex-col items-center justify-center">
<svg <svg