Admin : page admin + responsive + CookieBanner + Toast + BackToTop

2026-08-15 15:22:29 +02:00
parent 95b39bd494
commit 2197aad4e9
22 changed files with 821 additions and 185 deletions
@@ -0,0 +1,58 @@
+.page{padding:20px;max-width:1200px;margin:0 auto}
+.header{display:flex;align-items:center;justify-content:space-between;gap:16px}
+.tabs{display:flex;gap:8px}
+.tabs button{background:transparent;border:1px solid #e6e9ef;padding:8px 12px;border-radius:8px;cursor:pointer}
+.tabs .active{background:#eef2ff;border-color:#c7b3ff}
+.content{margin-top:16px}
+.spinner{padding:12px;background:#f8fafc;border:1px solid #e6eef6;border-radius:8px}
+.error{padding:12px;background:#fff1f2;border:1px solid #fecaca;color:#b91c1c;border-radius:8px}
+
+.panelHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}
+.search{padding:8px;border:1px solid #e6eef6;border-radius:6px}
+
+.tableWrap{overflow:auto;background:#fff;border:1px solid #eef2f7;padding:8px;border-radius:8px}
+.table{width:100%;border-collapse:collapse}
+.table th,.table td{padding:10px;border-bottom:1px solid #f1f5f9;text-align:left}
+.rowActions{display:flex;gap:8px}
+.danger{background:#ef4444;color:#fff;border:none;padding:8px 10px;border-radius:6px;cursor:pointer}
+
+.badgeAdmin{background:#7c3aed;color:#fff;padding:4px 8px;border-radius:999px;font-weight:600}
+.badgeUser{background:#94a3b8;color:#fff;padding:4px 8px;border-radius:999px;font-weight:600}
+.badgeCIR{background:#2563eb;color:#fff;padding:4px 8px;border-radius:6px}
+.badgeSCCS{background:#10b981;color:#fff;padding:4px 8px;border-radius:6px}
+
+.empty{padding:12px;color:#64748b}
+
+.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
+.card{background:#fff;padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
+.cardLabel{font-size:14px;color:#64748b}
+.cardValue{font-size:20px;font-weight:700}
+
+.chartWrap{background:#fff;padding:12px;border-radius:8px}
+.bars{display:flex;flex-direction:column;gap:8px}
+.barRow{display:flex;align-items:center;gap:8px}
+.barTitle{width:60px}
+.barFill{height:14px;background:#2563eb;border-radius:6px;flex:1}
+.barFillAlt{background:#10b981}
+.barVal{width:40px;text-align:right}
+
+.scraperControls{display:flex;gap:20px;align-items:flex-start}
+.logList{background:#fff;padding:12px;border-radius:8px}
+.status{font-weight:700}
+
+.modalBackdrop{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(2,6,23,0.45);display:flex;align-items:center;justify-content:center;z-index:9999}
+.modal{background:#fff;padding:20px;border-radius:8px;min-width:320px}
+.modalActions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
+
+@media (max-width: 768px){
+  .cards{grid-template-columns:repeat(2,1fr)}
+  .table th, .table td{display:block}
+  .table tr{margin-bottom:12px;border-bottom:none}
+  .tableWrap{padding:0}
+}
+
+@media (max-width: 480px){
+  .cards{grid-template-columns:1fr}
+  .scraperControls{flex-direction:column}
+  .tabs{flex-wrap:wrap}
+}