Luca Banfi
45 lines
2.9 KiB
CSS
45 lines
2.9 KiB
CSS
/* logs.css — stili specifici per la pagina Log DB */
|
|
.log-filters{display:flex;align-items:center;gap:14px;margin-bottom:8px;flex-wrap:wrap}
|
|
.filter-hr{border:none;border-top:1px solid var(--brd);margin:6px 0}
|
|
.log-filters input[type=search]{padding:6px 10px;border:1px solid var(--brd);border-radius:6px;font-size:.85rem;width:230px;background:var(--surf);color:var(--txt)}
|
|
.log-filters label{display:flex;align-items:center;gap:5px;font-size:.85rem;cursor:pointer;color:var(--mut);user-select:none}
|
|
.log-filters input[type=checkbox]{cursor:pointer;accent-color:var(--pri)}
|
|
.log-filters .filter-sep{display:inline-block;width:1px;height:1.2rem;background:#cbd5e1;margin:0 .25rem;align-self:center}
|
|
.date-label{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--mut);white-space:nowrap}
|
|
.date-label input[type=date]{padding:4px 7px;border:1px solid var(--brd);border-radius:6px;font-size:.82rem;background:var(--surf);color:var(--txt);cursor:pointer}
|
|
.filter-date-btn{padding:4px 14px;border:1px solid var(--pri);border-radius:6px;font-size:.82rem;background:var(--pri);color:#fff;cursor:pointer;font-weight:600}
|
|
.filter-date-btn:hover{opacity:.85}
|
|
.pg-sep{display:inline-block;width:1px;height:1.4rem;background:#cbd5e1;margin:0 .25rem;align-self:center}
|
|
.pg-run-info{font-size:.85rem;font-weight:600;color:var(--txt);white-space:nowrap;display:flex;align-items:center;gap:.4rem}
|
|
.pg-proc-tag{font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;background:#dbeafe;color:#1d4ed8;white-space:nowrap}
|
|
.pg-process-filter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#f1f5f9;border-radius:6px;padding:.25rem .6rem}
|
|
.pg-process-filter label{display:flex;align-items:center;gap:.3rem;font-size:.8rem;cursor:pointer;color:var(--txt);user-select:none;white-space:nowrap}
|
|
.pg-process-filter input[type=checkbox]{cursor:pointer;accent-color:var(--pri);width:.85rem;height:.85rem}
|
|
|
|
/* push footer text above the fixed pagination bar */
|
|
footer { padding-bottom: 5rem; }
|
|
|
|
/* pagination — floating center bottom */
|
|
.log-pagination {
|
|
position: fixed;
|
|
bottom: 1.5rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
z-index: 150;
|
|
background: rgba(255,255,255,.96);
|
|
border: 1px solid var(--brd);
|
|
border-radius: 8px;
|
|
padding: .4rem .75rem;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,.18);
|
|
flex-wrap: wrap;
|
|
}
|
|
.pg-btn{padding:5px 13px;border:1px solid #06b6d4;border-radius:6px;font-size:.85rem;text-decoration:none;color:#0e7490;background:#ecfeff;cursor:pointer;font-weight:600}
|
|
.pg-btn:hover{background:#06b6d4;color:#fff;border-color:#06b6d4}
|
|
.pg-btn.disabled{opacity:.35;pointer-events:none;cursor:default;border-color:var(--brd);background:var(--surf);color:var(--txt)}
|
|
.pg-select{padding:5px 8px;border:1px solid var(--brd);border-radius:6px;font-size:.85rem;background:var(--surf);color:var(--txt);cursor:pointer}
|
|
.pg-info{font-size:.8rem;color:var(--mut);margin-left:4px}
|