22 lines
2.3 KiB
CSS
22 lines
2.3 KiB
CSS
/* Lightweight non-modal dock: no backdrop, UI remains usable. */
|
|
#dona-visual-dock{position:fixed;left:18px;bottom:22px;width:min(360px,calc(100vw - 36px));z-index:38;pointer-events:none;font:inherit;color:#f4f6ff;}
|
|
#dona-visual-dock .dvc-card{position:relative;pointer-events:auto;background:rgba(20,27,47,.94);border:1px solid rgba(134,171,225,.25);box-shadow:0 14px 35px rgba(0,0,0,.38);border-radius:18px;overflow:hidden;max-height:min(70vh,650px);overflow-y:auto;backdrop-filter:blur(12px);padding:16px 17px 15px;margin-top:10px;}
|
|
#dona-visual-dock .dvc-head{display:flex;align-items:center;gap:12px;padding-right:24px;}
|
|
#dona-visual-dock .dvc-icon{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:rgba(120,148,215,.14);}
|
|
#dona-visual-dock .dvc-icon svg{width:29px;height:29px;stroke:#b5d5ff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
|
|
#dona-visual-dock .dvc-card[data-status="confirmed"] .dvc-icon svg{stroke:#a9e8c8;}
|
|
#dona-visual-dock .dvc-card[data-status="error"] .dvc-icon svg{stroke:#ffb3b9;}
|
|
#dona-visual-dock .dvc-title{margin:0;font-weight:650;font-size:17px;line-height:1.25;overflow-wrap:anywhere;}
|
|
#dona-visual-dock .dvc-subtitle{margin:4px 0 0;font-size:12px;opacity:.80;line-height:1.4;overflow-wrap:anywhere;}
|
|
#dona-visual-dock .dvc-close{position:absolute;top:10px;right:10px;width:29px;height:29px;background:rgba(255,255,255,.06);color:white;border:0;border-radius:10px;font-size:20px;cursor:pointer;}
|
|
#dona-visual-dock .dvc-image{width:100%;max-height:190px;object-fit:cover;border-radius:11px;margin:12px 0 0;display:none;}
|
|
#dona-visual-dock .dvc-image[src]{display:block;}
|
|
#dona-visual-dock .dvc-meta{opacity:.75;font-size:12px;margin-top:12px;}
|
|
#dona-visual-dock .dvc-section{margin-top:12px;font-size:13px;}
|
|
#dona-visual-dock .dvc-section strong{display:block;margin-bottom:5px;}
|
|
#dona-visual-dock ul,#dona-visual-dock ol{margin:4px 0 0;padding-left:20px;}
|
|
#dona-visual-dock li{margin:4px 0;}
|
|
#dona-visual-dock a{color:#b0d4ff;font-size:11px;}
|
|
@media(max-width:600px){#dona-visual-dock{left:10px;bottom:12px;width:min(330px,calc(100vw - 20px));}}
|
|
@media(prefers-reduced-motion:no-preference){#dona-visual-dock .dvc-card{animation:dvc-in .24s ease-out;}@keyframes dvc-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
|