presidio ok v.1 title green

This commit is contained in:
nBiqoz
2025-07-28 22:20:42 +02:00
parent 7a086c4749
commit 499362fb3f

View File

@@ -67,26 +67,26 @@ export default function Home() {
const { copyToClipboard, downloadText } = useDownloadActions({ outputText }); const { copyToClipboard, downloadText } = useDownloadActions({ outputText });
return ( return (
<div className="min-h-screen bg-white w-full"> <div className="min-h-screen w-full">
{/* Header */} {/* Header */}
<div className="bg-[#092727] border-b border-white 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">
<h1 className="text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold text-white text-center mb-2 leading-tight"> <h1 className="text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold text-center mb-2 leading-tight">
OUTIL D&apos;ANONYMISATION DE DONNÉES OUTIL D&apos;ANONYMISATION DE DONNÉES
</h1> </h1>
<p className="text-white text-opacity-80 text-center text-sm sm:text-base lg:text-lg px-2"> <p className=" text-center text-sm sm:text-base lg:text-lg px-2">
Protégez vos informations sensibles en quelques clics Protégez vos informations sensibles en quelques clics
</p> </p>
</div> </div>
</div> </div>
{/* Main Content */} {/* Main Content */}
<div className="max-w-4xl mx-auto px-2 sm:px-4 py-4 sm:py-8 space-y-4"> <div className="max-w-5xl mx-auto px-2 sm:px-4 py-4 sm:py-8 space-y-4">
{/* Progress Bar */} {/* Progress Bar */}
<ProgressBar currentStep={getCurrentStep()} steps={progressSteps} /> <ProgressBar currentStep={getCurrentStep()} steps={progressSteps} />
{/* Upload Section */} {/* Upload Section */}
<div className="bg-white rounded-2xl border border-gray-100 overflow-hidden"> <div className="bg-white rounded-2xl border border-gray-50 overflow-hidden">
<div className="p-3 sm:p-6"> <div className="p-3 sm:p-6">
<FileUploadComponent <FileUploadComponent
uploadedFile={uploadedFile} uploadedFile={uploadedFile}
@@ -150,20 +150,22 @@ export default function Home() {
</svg> </svg>
<div className="flex-1"> <div className="flex-1">
<h3 className="text-red-800 text-sm font-semibold mb-2"> <h3 className="text-red-800 text-sm font-semibold mb-2">
{error.includes('scanné') ? '📄 PDF Scanné Détecté' : {error.includes("scanné")
error.includes('HTTP') ? '🚨 Erreur de Traitement' : ? "📄 PDF Scanné Détecté"
'⚠️ Erreur'} : error.includes("HTTP")
? "🚨 Erreur de Traitement"
: "⚠️ Erreur"}
</h3> </h3>
<div className="text-red-700 text-xs sm:text-sm leading-relaxed"> <div className="text-red-700 text-xs sm:text-sm leading-relaxed">
{error.split('\n').map((line, index) => ( {error.split("\n").map((line, index) => (
<div key={index} className={index > 0 ? 'mt-2' : ''}> <div key={index} className={index > 0 ? "mt-2" : ""}>
{line.startsWith('💡') ? ( {line.startsWith("💡") ? (
<div className="bg-blue-50 border border-blue-200 rounded-lg p-3 mt-3"> <div className="bg-blue-50 border border-blue-200 rounded-lg p-3 mt-3">
<div className="text-blue-800 font-medium text-sm"> <div className="text-blue-800 font-medium text-sm">
{line} {line}
</div> </div>
</div> </div>
) : line.startsWith('-') ? ( ) : line.startsWith("-") ? (
<div className="ml-4 text-blue-700"> <div className="ml-4 text-blue-700">
{line.substring(1).trim()} {line.substring(1).trim()}
</div> </div>