presidio ok v.1 title green
This commit is contained in:
28
app/page.tsx
28
app/page.tsx
@@ -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'ANONYMISATION DE DONNÉES
|
OUTIL D'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>
|
||||||
|
|||||||
Reference in New Issue
Block a user