presidio ok v.1 button

This commit is contained in:
nBiqoz
2025-07-28 22:40:53 +02:00
parent 499362fb3f
commit a7b0b32582
4 changed files with 6 additions and 5 deletions

View File

@@ -62,7 +62,7 @@ export const FileUploadComponent = ({
<div className="p-4 sm:p-6"> <div className="p-4 sm:p-6">
{/* Zone de texte avec limite de hauteur et scroll */} {/* Zone de texte avec limite de hauteur et scroll */}
<div className="bg-gray-50 border border-gray-200 rounded-lg p-3 sm:p-4 max-h-48 overflow-y-auto"> <div className="bg-gray-50 border border-gray-200 rounded-lg p-3 sm:p-4 max-h-48 overflow-y-auto overflow-x-hidden">
{isLoadingFile ? ( {isLoadingFile ? (
<div className="flex items-center justify-center py-8"> <div className="flex items-center justify-center py-8">
<div className="flex items-center space-x-3"> <div className="flex items-center space-x-3">
@@ -73,7 +73,7 @@ export const FileUploadComponent = ({
</div> </div>
</div> </div>
) : ( ) : (
<pre className="text-xs sm:text-sm text-gray-700 whitespace-pre-wrap font-mono"> <pre className="text-xs sm:text-sm text-gray-700 whitespace-pre-wrap font-mono break-words overflow-wrap-anywhere">
{sourceText || "Aucun contenu à afficher"} {sourceText || "Aucun contenu à afficher"}
</pre> </pre>
)} )}

View File

@@ -35,10 +35,11 @@ export const ResultPreviewComponent = ({
<button <button
onClick={downloadText} onClick={downloadText}
disabled={!outputText} disabled={!outputText}
className="p-2 text-[#092727] hover:text-[#f7ab6e] disabled:opacity-50" className="bg-[#f7ab6e] hover:bg-[#f7ab6e]/90 disabled:opacity-50 disabled:cursor-not-allowed text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-300 flex items-center space-x-2"
title="Télécharger" title="Télécharger"
> >
<Download className="h-4 w-4" /> <Download className="h-4 w-4" />
<span>Télécharger</span>
</button> </button>
</div> </div>
</div> </div>

View File

@@ -25,7 +25,7 @@ export default function RootLayout({
return ( return (
<html lang="en"> <html lang="en">
<body <body
className={`${geistSans.variable} ${geistMono.variable} antialiased w-screen bg-white`} className={`${geistSans.variable} ${geistMono.variable} antialiased bg-white`}
> >
{children} {children}
</body> </body>

View File

@@ -67,7 +67,7 @@ export default function Home() {
const { copyToClipboard, downloadText } = useDownloadActions({ outputText }); const { copyToClipboard, downloadText } = useDownloadActions({ outputText });
return ( return (
<div className="min-h-screen w-full"> <div className="min-h-screen w-full overflow-hidden">
{/* Header */} {/* Header */}
<div className="text-[#092727] border-opacity-20"> <div className="text-[#092727] border-opacity-20">
<div className="max-w-6xl mx-auto px-2 sm:px-4 py-6 sm:py-8"> <div className="max-w-6xl mx-auto px-2 sm:px-4 py-6 sm:py-8">