presidio ok v.1 button
This commit is contained in:
@@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user