55ac8c7791
* redo Settings modal UI * add python code interpreter * fix auto scroll * build * fix overflow for long output lines * bring back sticky copy button * adapt layout on mobile view * fix multiple lines output and color scheme * handle python exception * better state management * add webworker * add headers * format code * speed up by loading pyodide on page load * (small tweak) add small animation to make it feels like claude
38 lines
793 B
TypeScript
38 lines
793 B
TypeScript
export const XCloseButton: React.ElementType<
|
|
React.ClassAttributes<HTMLButtonElement> &
|
|
React.HTMLAttributes<HTMLButtonElement>
|
|
> = ({ className, ...props }) => (
|
|
<button className={`btn btn-square btn-sm ${className ?? ''}`} {...props}>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
className="h-6 w-6"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
>
|
|
<path
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth="2"
|
|
d="M6 18L18 6M6 6l12 12"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
);
|
|
|
|
export const OpenInNewTab = ({
|
|
href,
|
|
children,
|
|
}: {
|
|
href: string;
|
|
children: string;
|
|
}) => (
|
|
<a
|
|
className="underline"
|
|
href={href}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
{children}
|
|
</a>
|
|
);
|