Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-06-28 12:16:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update CopyableCode.tsx

Browse Source
This commit is contained in:
MacRimi 2025-02-18 00:03:55 +01:00 committed by GitHub
parent ca88e13d13
commit 8bf675450a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/CopyableCode.tsx
View File

@ -26,9 +26,10 @@ const CopyableCode: React.FC<CopyableCodeProps> = ({ code, language, className }
return ( return (
<div className={cn("relative w-full", className)}> <div className={cn("relative w-full", className)}>
<div className="w-full overflow-x-auto">
<pre <pre
className={cn( className={cn(
"bg-gray-100 p-2 sm:p-3 md:p-4 rounded-md overflow-x-auto", "w-full min-w-0 bg-gray-100 p-2 sm:p-3 md:p-4 rounded-md overflow-x-auto",
"text-xs sm:text-sm md:text-base", "text-xs sm:text-sm md:text-base",
"max-w-full", "max-w-full",
language ? `language-${language}` : "", language ? `language-${language}` : "",
@ -36,6 +37,8 @@ const CopyableCode: React.FC<CopyableCodeProps> = ({ code, language, className }
> >
<code className="whitespace-pre">{decodeURIComponent(code)}</code> <code className="whitespace-pre">{decodeURIComponent(code)}</code>
</pre> </pre>
</div>
<button <button
onClick={copyToClipboard} onClick={copyToClipboard}
className="absolute top-1 right-1 sm:top-2 sm:right-2 p-1 sm:p-2 bg-white rounded-md shadow-sm hover:bg-gray-100 transition-colors" className="absolute top-1 right-1 sm:top-2 sm:right-2 p-1 sm:p-2 bg-white rounded-md shadow-sm hover:bg-gray-100 transition-colors"