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 });
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-white w-full">
|
||||
<div className="min-h-screen w-full">
|
||||
{/* 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">
|
||||
<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
|
||||
</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
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 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 */}
|
||||
<ProgressBar currentStep={getCurrentStep()} steps={progressSteps} />
|
||||
|
||||
{/* 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">
|
||||
<FileUploadComponent
|
||||
uploadedFile={uploadedFile}
|
||||
@@ -150,20 +150,22 @@ export default function Home() {
|
||||
</svg>
|
||||
<div className="flex-1">
|
||||
<h3 className="text-red-800 text-sm font-semibold mb-2">
|
||||
{error.includes('scanné') ? '📄 PDF Scanné Détecté' :
|
||||
error.includes('HTTP') ? '🚨 Erreur de Traitement' :
|
||||
'⚠️ Erreur'}
|
||||
{error.includes("scanné")
|
||||
? "📄 PDF Scanné Détecté"
|
||||
: error.includes("HTTP")
|
||||
? "🚨 Erreur de Traitement"
|
||||
: "⚠️ Erreur"}
|
||||
</h3>
|
||||
<div className="text-red-700 text-xs sm:text-sm leading-relaxed">
|
||||
{error.split('\n').map((line, index) => (
|
||||
<div key={index} className={index > 0 ? 'mt-2' : ''}>
|
||||
{line.startsWith('💡') ? (
|
||||
{error.split("\n").map((line, index) => (
|
||||
<div key={index} className={index > 0 ? "mt-2" : ""}>
|
||||
{line.startsWith("💡") ? (
|
||||
<div className="bg-blue-50 border border-blue-200 rounded-lg p-3 mt-3">
|
||||
<div className="text-blue-800 font-medium text-sm">
|
||||
{line}
|
||||
</div>
|
||||
</div>
|
||||
) : line.startsWith('-') ? (
|
||||
) : line.startsWith("-") ? (
|
||||
<div className="ml-4 text-blue-700">
|
||||
• {line.substring(1).trim()}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user