sepehr/office_translator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Correction de la lisibilité des textes et du contraste sur la page d'accueil
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 2m42s
Details

Browse Source
This commit is contained in:
sepehr
2026-08-31 21:25:29 +02:00
parent 89a3474512
commit d734ae3b70
2 changed files with 38 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
frontend/src/components/landing/hero-visual.tsx
View File

@@ -443,7 +443,7 @@ function WordDocumentSheet({ data }: { data: RecipeData }) {
<ShieldCheck className="w-3.5 h-3.5" />
<span>{data.guaranteeText}</span>
</div>
<div className="text-[#1A1A1A]/40 dark:text-white/40 font-mono">
<div className="text-[#1A1A1A]/70 dark:text-white/60 font-mono">
Wordly Engine • Microsoft Word XML
</div>
</div>
@@ -471,7 +471,7 @@ function ExcelDocumentSheet({ data }: { data: RecipeData }) {
{/* Grille Excel avec entêtes de colonnes A, B, C, D */}
<div className="border border-[#107C41]/30 dark:border-white/15 rounded overflow-hidden shadow-xs my-auto">
{/* Ligne des colonnes A B C D */}
<div className="grid grid-cols-12 bg-[#F3F2F1] dark:bg-[#2D2D2D] border-b border-black/10 dark:border-white/10 text-[10.5px] font-mono font-bold text-center text-[#1A1A1A]/60 dark:text-white/60 divide-x divide-black/10 dark:divide-white/10">
<div className="grid grid-cols-12 bg-[#F3F2F1] dark:bg-[#2D2D2D] border-b border-black/10 dark:border-white/10 text-[10.5px] font-mono font-bold text-center text-[#1A1A1A]/75 dark:text-white/70 divide-x divide-black/10 dark:divide-white/10">
<div className="col-span-1 py-1 bg-[#E1DFDD] dark:bg-[#383838]">#</div>
<div className="col-span-4 py-1">A ({data.excelHeaders[0]})</div>
<div className="col-span-2 py-1">B ({data.excelHeaders[1]})</div>
@@ -481,7 +481,7 @@ function ExcelDocumentSheet({ data }: { data: RecipeData }) {
{/* Ligne 1 : Titre fusionné */}
<div className="grid grid-cols-12 bg-[#107C41]/10 dark:bg-[#107C41]/20 border-b border-black/10 dark:border-white/10 divide-x divide-black/10 dark:divide-white/10 items-center">
<div className="col-span-1 py-1.5 text-center font-mono text-[10.5px] font-bold bg-[#F3F2F1] dark:bg-[#2D2D2D] text-[#1A1A1A]/60 dark:text-white/60">
<div className="col-span-1 py-1.5 text-center font-mono text-[10.5px] font-bold bg-[#F3F2F1] dark:bg-[#2D2D2D] text-[#1A1A1A]/75 dark:text-white/70">
1
</div>
<div className="col-span-11 px-3 py-1.5 font-serif font-bold text-[13px] text-[#107C41] dark:text-[#52D886] truncate">
@@ -495,7 +495,7 @@ function ExcelDocumentSheet({ data }: { data: RecipeData }) {
key={rIdx}
className="grid grid-cols-12 border-b border-black/[0.06] dark:border-white/[0.06] divide-x divide-black/[0.06] dark:divide-white/[0.06] text-[11.5px] items-center hover:bg-black/[0.02]"
>
<div className="col-span-1 py-1 text-center font-mono text-[10.5px] font-semibold bg-[#F3F2F1] dark:bg-[#2D2D2D] text-[#1A1A1A]/50 dark:text-white/50">
<div className="col-span-1 py-1 text-center font-mono text-[10.5px] font-semibold bg-[#F3F2F1] dark:bg-[#2D2D2D] text-[#1A1A1A]/70 dark:text-white/60">
{rIdx + 2}
</div>
<div className="col-span-4 px-2 py-1 font-medium text-[#1A1A1A] dark:text-white truncate">
@@ -507,7 +507,7 @@ function ExcelDocumentSheet({ data }: { data: RecipeData }) {
<div className="col-span-2 px-2 py-1 text-center text-[#8B6F47] dark:text-[#C5A17A] truncate">
{row[2]}
</div>
<div className="col-span-3 px-2 py-1 text-[#1A1A1A]/80 dark:text-white/80 truncate">
<div className="col-span-3 px-2 py-1 text-[#1A1A1A]/85 dark:text-white/80 truncate">
{row[3]}
</div>
</div>
@@ -515,7 +515,7 @@ function ExcelDocumentSheet({ data }: { data: RecipeData }) {
{/* Ligne de total / formule */}
<div className="grid grid-cols-12 bg-[#F3F2F1]/70 dark:bg-[#252525] divide-x divide-black/10 dark:divide-white/10 items-center font-bold text-[11px]">
<div className="col-span-1 py-1 text-center font-mono text-[10.5px] bg-[#E1DFDD] dark:bg-[#383838] text-[#1A1A1A]/60 dark:text-white/60">
<div className="col-span-1 py-1 text-center font-mono text-[10.5px] bg-[#E1DFDD] dark:bg-[#383838] text-[#1A1A1A]/75 dark:text-white/70">
7
</div>
<div className="col-span-6 px-3 py-1 text-[#107C41] dark:text-[#52D886] truncate">
@@ -532,7 +532,7 @@ function ExcelDocumentSheet({ data }: { data: RecipeData }) {
<div className="px-3 py-1 bg-white dark:bg-[#2A2A2A] border-t-2 border-[#107C41] font-bold text-[#107C41] dark:text-[#42CA78] shadow-xs">
Feuil1_Recette
</div>
<div className="px-3 py-1 text-[#1A1A1A]/50 dark:text-white/50">
<div className="px-3 py-1 text-[#1A1A1A]/70 dark:text-white/60">
Feuil2_Calculs
</div>
<div className="ml-auto text-[11px] text-[#107C41] dark:text-[#42CA78] font-semibold flex items-center gap-1">
@@ -593,7 +593,7 @@ function PptxDocumentSheet({ data }: { data: RecipeData }) {
<ShieldCheck className="w-3.5 h-3.5" />
Blocs textes & vecteurs PowerPoint préservés
</span>
<span className="text-[#1A1A1A]/40 dark:text-white/40 font-mono">
<span className="text-[#1A1A1A]/60 dark:text-white/50 font-mono">
Affichage Normal • 100%
</span>
</div>
@@ -613,9 +613,9 @@ function PdfDocumentSheet({ data }: { data: RecipeData }) {
<span className="px-2 py-0.5 bg-white dark:bg-[#181818] rounded font-bold text-[#E03E2D]">
PDF/A-1b
</span>
<span className="text-[#1A1A1A]/70 dark:text-white/70">Page 1 / 1</span>
<span className="text-[#1A1A1A]/80 dark:text-white/70">Page 1 / 1</span>
</div>
<div className="flex items-center gap-3 text-[#1A1A1A]/60 dark:text-white/60">
<div className="flex items-center gap-3 text-[#1A1A1A]/75 dark:text-white/60">
<span className="flex items-center gap-1"><ZoomIn className="w-3 h-3" /> 100%</span>
<span className="flex items-center gap-1"><Printer className="w-3 h-3" /> Vectoriel</span>
</div>
@@ -642,23 +642,23 @@ function PdfDocumentSheet({ data }: { data: RecipeData }) {
<span className="font-bold text-[#E03E2D] block mb-1">{data.ingredientsHeading}</span>
{data.ingredients.slice(0, 3).map((ing, i) => (
<div key={i} className="flex justify-between py-0.5">
<span>{ing.name}</span>
<span className="font-mono font-bold">{ing.amount}</span>
<span className="text-[#1A1A1A] dark:text-[#E0E0E0]">{ing.name}</span>
<span className="font-mono font-bold text-[#8B6F47] dark:text-[#C5A17A]">{ing.amount}</span>
</div>
))}
</div>
<div className="p-2.5 rounded bg-[#FAF8F5] dark:bg-[#181818] border border-black/5 dark:border-white/5">
<span className="font-bold text-[#E03E2D] block mb-1">{data.stepsHeading}</span>
{data.steps.slice(0, 2).map((st, i) => (
<div key={i} className="py-0.5 leading-snug">
<strong>{st.num}.</strong> {st.desc}
<div key={i} className="py-0.5 leading-snug text-[#1A1A1A]/85 dark:text-[#D5D5D5]">
<strong className="text-[#1A1A1A] dark:text-white">{st.num}.</strong> {st.desc}
</div>
))}
</div>
</div>
</div>
<div className="pt-2 border-t border-black/10 dark:border-white/10 flex justify-between items-center text-[10.5px] text-[#1A1A1A]/50 dark:text-white/50 font-mono">
<div className="pt-2 border-t border-black/10 dark:border-white/10 flex justify-between items-center text-[10.5px] text-[#1A1A1A]/70 dark:text-white/60 font-mono">
<span>Adobe PostScript • Calque vectoriel préservé</span>
<span className="text-[#E03E2D] font-bold">100% Fidélité PDF</span>
</div>
@@ -819,7 +819,7 @@ export function HeroVisual() {
'flex items-center gap-1.5 px-2.5 py-1 rounded text-[11.5px] font-bold font-mono transition-all duration-200 cursor-pointer border',
isSelected
? 'bg-white dark:bg-[#303030] text-[#1A1A1A] dark:text-white border-black/15 dark:border-white/20 shadow-xs ring-1 ring-black/5'
: 'border-transparent text-[#1A1A1A]/60 dark:text-white/60 hover:bg-black/5 dark:hover:bg-white/5'
: 'border-transparent text-[#1A1A1A]/75 dark:text-white/70 hover:bg-black/5 dark:hover:bg-white/5'
)}
title={`Basculer vers le format ${item.label}`}
>
@@ -831,7 +831,7 @@ export function HeroVisual() {
</div>
{/* Outils du ruban (Police, Gras, Italique, Alignement) */}
<div className="hidden lg:flex items-center gap-2 pl-3 border-l border-black/10 dark:border-white/10 text-[#1A1A1A]/70 dark:text-white/70">
<div className="hidden lg:flex items-center gap-2 pl-3 border-l border-black/10 dark:border-white/10 text-[#1A1A1A]/80 dark:text-white/80">
<div className="flex items-center gap-1 px-2 py-0.5 rounded bg-white dark:bg-[#2A2A2A] border border-black/10 text-[11px] font-mono">
<span>{format === 'docx' ? 'Calibri' : format === 'xlsx' ? 'Segoe UI' : 'Arial'}</span>
<ChevronDown className="w-3 h-3" />
@@ -866,7 +866,7 @@ export function HeroVisual() {
'px-2 py-0.5 rounded text-[11px] font-bold font-mono transition-all duration-200 cursor-pointer',
isActive
? 'bg-[#C5A17A] text-white shadow-xs'
: 'text-[#1A1A1A]/60 dark:text-white/60 hover:text-[#1A1A1A] dark:hover:text-white'
: 'text-[#1A1A1A]/75 dark:text-white/70 hover:text-[#1A1A1A] dark:hover:text-white'
)}
>
{r.lang}
@@ -881,7 +881,7 @@ export function HeroVisual() {
{/* 3. RÈGLE GRADUÉE WORD (Visible en mode .docx) */}
{/* ============================================================ */}
{format === 'docx' && (
<div className="hidden sm:flex items-center justify-between px-8 py-0.5 bg-[#FAF8F5] dark:bg-[#1A1A1A] border-b border-black/[0.06] dark:border-white/[0.06] text-[9.5px] font-mono text-[#1A1A1A]/40 dark:text-white/40">
<div className="hidden sm:flex items-center justify-between px-8 py-0.5 bg-[#FAF8F5] dark:bg-[#1A1A1A] border-b border-black/[0.06] dark:border-white/[0.06] text-[9.5px] font-mono text-[#1A1A1A]/60 dark:text-white/60">
<span>◄ 0</span>
<span>2</span>
<span>4</span>