Fretux/KrisHD_AI
3
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

make some overall QoL improvements

Browse Source
This commit is contained in:
Frederik Spirgi
2026-09-30 09:35:06 +02:00
parent 0a24035b27
commit 7a1b152f20
4 changed files with 193 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/shell.css
+2
View File
@@ -33,6 +33,7 @@ body.site-page { width:100%; max-width:none; margin:0; padding:0; background:var
.chat-page .chat-card { height:calc(100dvh - var(--shell-header-height)); min-height:0; border:0; border-radius:0; box-shadow:none; }
.chat-page .chat-layout { grid-template-columns:260px minmax(0,1fr); }
.chat-page .chat-sidebar { position:static; inset:auto; width:auto; transform:none; box-shadow:none; grid-template-rows:auto minmax(0,1fr); padding:24px 18px; gap:20px; }
.chat-page .chat-sidebar-backdrop { display:none; }
.chat-page .sidebar-workspace-card { gap:16px; border:0; padding:0; }
.chat-page .sidebar-workspace-card h2 { margin:0; font-size:.85rem; letter-spacing:0; font-family:var(--font-body); color:var(--text-soft); }
.chat-page .chat-main { grid-template-rows:auto minmax(0,1fr) auto; }
@@ -44,6 +45,7 @@ body.site-page { width:100%; max-width:none; margin:0; padding:0; background:var
.chat-page .chat-layout { grid-template-columns:1fr; }
.chat-page .chat-sidebar { position:fixed; inset:var(--shell-header-height) auto 0 0; width:min(320px,88vw); z-index:80; transform:translateX(-104%); box-shadow:var(--shadow-lg); }
.chat-page.sidebar-open .chat-sidebar { transform:translateX(0); }
.chat-page .chat-sidebar-backdrop:not([hidden]) { display:block; position:fixed; inset:var(--shell-header-height) 0 0; z-index:79; width:100%; height:auto; padding:0; border:0; border-radius:0; background:rgba(0,0,0,.45); }
.chat-page .sidebar-toggle { display:inline-flex; width:auto; min-width:0; padding:8px 12px; font-size:.8rem; border-radius:10px; }
.site-page .settings-layout { grid-template-columns:1fr; }
.site-page .settings-nav { display:flex; flex-wrap:wrap; }
public/css/style.css
+8
View File
@@ -419,6 +419,14 @@ input:focus, textarea:focus, select:focus { border-color: var(--brand); }
.msg.user .msg-actions { right: 0; left: auto; justify-content: flex-end; }
.msg:hover .msg-actions, .msg:focus-within .msg-actions { opacity: 1; }
.msg-action-btn { min-height: 30px; padding: 5px 8px; color: var(--text-soft) !important; background: transparent !important; border: 1px solid var(--border); border-radius: 8px; font-size: .7rem; }
.msg-action-menu { position: relative; }
.msg-action-menu > summary { display: flex; align-items: center; cursor: pointer; list-style: none; }
.msg-action-menu > summary::-webkit-details-marker { display: none; }
.msg-action-menu-items { position: absolute; bottom: calc(100% + 4px); left: 0; min-width: 130px; padding: 5px; display: grid; gap: 3px; background: var(--surface-raised); border: 1px solid var(--border); border-radius: 9px; box-shadow: var(--shadow-lg); }
.msg.user .msg-action-menu-items { left: auto; right: 0; }
.msg-action-menu-items .msg-action-btn { width: 100%; text-align: left; border: 0; }
.msg-action-menu-items .msg-action-btn:hover, .msg-action-menu-items .msg-action-btn:focus-visible { background: var(--surface-hover) !important; }
.msg-action-menu[open] { z-index: 5; }
.msg-variant-index { align-self: center; color: var(--text-muted); font-size: .7rem; }
.typing { display: flex; gap: 5px; }
.typing-dot { width: 6px; height: 6px; background: var(--brand); border-radius: 50%; animation: typing 1.2s infinite; }