feat: the chat's arrow down midway between the answers' right edge and the chat's border, fading in and out
This commit is contained in:
1 parent
46f7f743b3
commit
4fb26a9652
2 files changed
+18
-5
No files matched your search
@@ -868,9 +868,10 @@ body.touch.term-active .ai-fab { bottom:104px; }
|
||||
.ai-hello-text { color:var(--muted); font-size:14px; font-weight:500; }
|
||||
@keyframes ai-hello-in { from { opacity:0; transform:translateY(6px); } }
|
||||
.ai-list { height:100%; box-sizing:border-box; overflow:auto; padding:12px; display:flex; flex-direction:column; gap:10px; }
|
||||
.ai-jump { position:absolute; right:14px; bottom:14px; z-index:2; width:38px; height:38px; padding:0; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:var(--text); background:var(--panel); border:1px solid var(--border); box-shadow:0 4px 14px rgba(0,0,0,.35); }
|
||||
.ai-jump { position:absolute; right:4px; bottom:14px; z-index:2; width:32px; height:32px; padding:0; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:var(--text); background:var(--panel); border:1px solid var(--border); box-shadow:0 4px 14px rgba(0,0,0,.35);
|
||||
opacity:0; transform:translateY(8px) scale(.85); pointer-events:none; transition:opacity .2s ease, transform .2s ease, background-color .15s; }
|
||||
.ai-jump.show { opacity:1; transform:none; pointer-events:auto; }
|
||||
.ai-jump:hover { background:#202833; }
|
||||
.ai-jump[hidden] { display:none; }
|
||||
.ai-msg { max-width:92%; padding:8px 11px; border-radius:10px; font-size:14px; line-height:1.45; overflow-wrap:anywhere; }
|
||||
.ai-msg.user { align-self:flex-end; background:#16324f; white-space:normal; }
|
||||
.ai-user-copy { white-space:pre-wrap; }
|
||||
|
||||
Reference in new issue
Block a user