diff --git a/package-lock.json b/package-lock.json index d0ed003..fe13599 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,7 @@ "license": "ISC", "dependencies": { "axios": "^1.7.0", - "express": "^4.21.0", + "express": "^4.22.1", "https-proxy-agent": "^9.0.0" } }, diff --git a/package.json b/package.json index 6ea5579..8ec5641 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,7 @@ }, "dependencies": { "axios": "^1.7.0", - "express": "^4.21.0", + "express": "^4.22.1", "https-proxy-agent": "^9.0.0" }, "description": "Les labels sont maintenant automatiquement extraits et affichés dans le tableau avec un design visuel distinctif (badges verts).", diff --git a/public/css/style.css b/public/css/style.css index 709befc..4e473ee 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -12,14 +12,14 @@ body { font-family: 'DM Sans', sans-serif; background: var(--bg); color: var(--f .bg-glow--1 { top: -200px; right: -100px; background: var(--accent); animation: gf 12s ease-in-out infinite; } @keyframes gf { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(30px,-40px) scale(1.1)} } -.app { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; padding: 32px 24px 80px; } +.app { position: relative; z-index: 1; max-width: 90%; margin: 0 auto; padding: 32px 24px 80px; } .header { display: flex; align-items: center; gap: 16px; margin-bottom: 40px; padding-bottom: 24px; border-bottom: 1px solid var(--border); } .header-icon { width: 52px; height: 52px; background: linear-gradient(135deg, var(--accent), var(--accent-dim)); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 22px; color: var(--bg); box-shadow: 0 0 30px var(--accent-glow-strong); } .header-text h1 { font-size: 26px; font-weight: 900; letter-spacing: -0.5px; } .header-text p { color: var(--fg-muted); font-size: 14px; margin-top: 4px; } .badge-api { background: var(--accent-glow); color: var(--accent); font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 20px; border: 1px solid rgba(0,230,138,0.2); margin-left: auto; font-family: 'JetBrains Mono', monospace; } -.card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 28px; margin-bottom: 24px; box-shadow: var(--shadow); } +.card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 28px; margin-bottom: 24px; box-shadow: var(--shadow); max-width: 60%; margin-left:auto; margin-right: auto; } .card-title { font-size: 16px; font-weight: 700; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } .card-title i { color: var(--accent); font-size: 14px; }