debut illustration
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
/* Lightweight preview: pointer-events disabled, no changes to Dona layout */
|
||||
#dona-hermes-live-v1 {
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
inset: auto 14px 20px auto;
|
||||
width: min(480px, calc(100vw - 28px));
|
||||
max-height: min(23vh, 185px);
|
||||
padding: 10px 13px;
|
||||
border-radius: 14px;
|
||||
border: 1px solid rgba(143,206,246,.32);
|
||||
background: rgba(9, 19, 38, .84);
|
||||
color: #f1f7ff;
|
||||
backdrop-filter: blur(10px);
|
||||
box-shadow: 0 8px 22px rgba(0,0,0,.15);
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
font: 13px/1.4 system-ui, sans-serif;
|
||||
}
|
||||
#dona-hermes-live-v1[hidden] { display: none !important; }
|
||||
#dona-hermes-live-v1 .dona-hlive-title { color: #80d8ff; font-weight: 650; margin-bottom: 3px; }
|
||||
#dona-hermes-live-v1 .dona-hlive-text { font-size: 12px; white-space: pre-wrap; overflow: hidden; overflow-wrap: anywhere; }
|
||||
@media (max-width: 580px) { #dona-hermes-live-v1 { bottom: 10px; right: 10px; max-height: 15vh; } }
|
||||
@media (prefers-reduced-motion: reduce) { #dona-hermes-live-v1 { backdrop-filter: none; } }
|
||||
@@ -0,0 +1,21 @@
|
||||
/* 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)}}}
|
||||
Reference in New Issue
Block a user