Files
nextjs-python-web-template/pkgs/ui/src/components/join/log.tsx
Johannes Kirschbauer 82db33d047 refine join workflow
2023-09-30 16:00:21 +02:00

21 lines
576 B
TypeScript

"use client";
interface LogOptions {
lines: string[];
title?: string;
}
export const Log = (props: LogOptions) => {
const { lines, title } = props;
return (
<div className="max-h-[70vh] min-h-[9rem] w-full overflow-scroll bg-slate-800 p-4 text-white shadow-inner shadow-black">
<div className="mb-1 text-slate-400">{title}</div>
<pre className="max-w-[90vw] text-xs">
{lines.map((item, idx) => (
<code key={`${idx}`} className="mb-2 block break-words">
{item}
</code>
))}
</pre>
</div>
);
};