diff --git a/public/index.html b/public/index.html index fcb6f04..efc9294 100644 --- a/public/index.html +++ b/public/index.html @@ -51,6 +51,15 @@ tr:hover td{background:#f8fafc;cursor:pointer} .hidden{display:none} .chartRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-bottom:16px} .chartRow .panel{margin-bottom:0} +.slider{position:relative;overflow:hidden;margin-bottom:4px} +.sliderTrack{display:flex;transition:transform .35s ease;width:100%} +.pane{flex:0 0 100%;min-width:100%;padding:2px 14px 2px 2px} +.navArrow{position:absolute;top:46%;transform:translateY(-50%);z-index:5;width:34px;height:58px;border-radius:10px;background:rgba(255,255,255,.92);border:1px solid var(--line);font-size:26px;line-height:1;color:var(--txt);cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.1)} +.navArrow:hover{background:#fff;color:var(--pri)} +.navArrow.left{left:-4px}.navArrow.right{right:6px} +.dots{text-align:center;margin:2px 0 14px} +.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#cbd5e1;margin:0 5px;cursor:pointer;transition:all .2s} +.dot.on{background:var(--pri);width:22px;border-radius:5px} #toast{position:fixed;top:60px;left:50%;transform:translateX(-50%);background:#1e293b;color:#fff;padding:8px 18px;border-radius:8px;z-index:9;opacity:.95} #detailModal{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:8;display:flex;align-items:center;justify-content:center} #detailModal.hidden{display:none} @@ -79,15 +88,20 @@ tr:hover td{background:#f8fafc;cursor:pointer}