feat: Add HTML preview to code blocks

Adds an HTML preview feature to the code block component, allowing users to view the rendered output of their HTML code snippets. This improves the user experience by providing a more interactive and informative way to understand the code.
This commit is contained in:
n4ze3m
2024-10-19 23:54:09 +05:30
parent fd5339d90a
commit 7be993c057
2 changed files with 53 additions and 14 deletions

View File

@@ -61,7 +61,7 @@ export const PlaygroundChat = () => {
)}
</div>
{!isAtBottom && (
<div className="fixed md:bottom-44 bottom-36 z-[9999999] left-0 right-0 flex justify-center">
<div className="fixed md:bottom-44 bottom-36 z-[99999] left-0 right-0 flex justify-center">
<button
onClick={scrollToBottom}
className="bg-gray-100 dark:bg-gray-800 p-1 rounded-full shadow-md hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors duration-200">