bolbol/Gestion-des-Marches-RLA
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(ui/export): centrage login, vitesse ticker, alignement KPI/budget/hauteur table PDF, désignation PPTX

Browse Source
This commit is contained in:
bolbol
2026-08-21 22:23:15 +01:00
parent ff4effa663
commit dd0279ad09
5 changed files with 68 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+8 -6
View File
@@ -48,10 +48,12 @@
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg-body);min-height:100vh;color:var(--text);overflow-x:hidden;transition:background var(--transition),color var(--transition);font-size:14px;line-height:1.5;}
<style>
/* ── LOGIN ── */
.login-container{position:fixed;inset:0;background:var(--bg-body);display:flex;justify-content:center;align-items:center;z-index:10000;}
.login-box{background:var(--bg-card);padding:40px;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.12);border:1px solid var(--border-color);width:100%;max-width:400px;text-align:center;}
html,body{width:100%;margin:0;padding:0;}
.login-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--bg-body);display:flex;justify-content:center;align-items:center;z-index:10000;padding:16px;box-sizing:border-box;}
.login-box{background:var(--bg-card);padding:40px 30px;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.12);border:1px solid var(--border-color);width:100%;max-width:400px;text-align:center;box-sizing:border-box;}
.login-box, .login-box * { box-sizing: border-box; }
@media(max-width:480px){.login-box{padding:28px 18px;border-radius:16px;max-width:340px;}}
.login-logo-wrap{height:70px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;}
.login-logo-wrap img{height:70px;object-fit:contain;}
.login-box h2{color:var(--primary);margin-bottom:8px;font-size:1.5em;font-weight:700;}
@@ -327,7 +329,7 @@
.log-failure{color:var(--danger);font-weight:600;}
/* ── MODAL ── */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:9000;backdrop-filter:blur(4px);}
.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:9000;backdrop-filter:blur(4px);}
.modal-overlay.active{display:flex;}
.modal-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:28px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,0.2);}
.modal-title{font-size:1.05em;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:9px;color:var(--text);}
@@ -345,7 +347,7 @@
.toast.warning{background:#d97706;color:white;}
/* ── LOADING ── */
.loading-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:none;justify-content:center;align-items:center;flex-direction:column;gap:16px;z-index:9998;backdrop-filter:blur(3px);}
.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);display:none;justify-content:center;align-items:center;flex-direction:column;gap:16px;z-index:9998;backdrop-filter:blur(3px);}
.loading-overlay.active{display:flex;}
.spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,0.2);border-top-color:#2563eb;border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
@@ -1682,7 +1684,7 @@ function updateTicker() {
`⚠ ${x.r.region} — ${x.r.id_marche} : ${x.delai} jours restants`
).join(' • ');
content.textContent = text;
const duration = Math.min(45, Math.max(15, Math.ceil(text.length / 80)));
const duration = Math.min(70, Math.max(25, Math.ceil(text.length / 14)));
content.style.animationDuration = `${duration}s`;
ticker.classList.add('active');
document.body.classList.add('has-ticker');