wlw/ai-agent
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(support-chat): simplify legacy h5 styles

Browse Source
This commit is contained in:
t
2026-08-30 19:37:08 +08:00
parent a27c44ee60
commit c39094156c
3 changed files with 46 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/web/supportchat/assets/chat.css
+3 -3
View File
@@ -59,9 +59,9 @@ svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round
.close-button:hover { color: #e5484d; border-color: rgba(229,72,77,.15); background: rgba(229,72,77,.075); box-shadow: 0 7px 18px rgba(229,72,77,.09); }
.close-button:hover svg { transform: scale(.88); }
.chat-content { position: relative; min-height: 0; flex: 1; display: grid; grid-template-rows: minmax(0, 1fr) auto; overflow: hidden; background: linear-gradient(180deg, #f8faff 0%, #f5f8fd 55%, #f2f6fb 100%); }
.chat-content { position: relative; min-height: 0; flex: 1; display: flex; flex-direction: column; overflow: hidden; background: linear-gradient(180deg, #f8faff 0%, #f5f8fd 55%, #f2f6fb 100%); }
.chat-content::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgba(36, 117, 252, .025); }
.message-scroller { position: relative; z-index: 1; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: 20px 18px 24px; overscroll-behavior: contain; scroll-behavior: smooth; background: transparent; scrollbar-width: thin; scrollbar-color: var(--border) transparent; }
.message-scroller { position: relative; z-index: 1; min-height: 0; flex: 1; overflow-x: hidden; overflow-y: auto; padding: 20px 18px 24px; background: transparent; }
.message-scroller::-webkit-scrollbar { width: 10px; }
.message-scroller::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: var(--border); background-clip: padding-box; }
.load-more { height: 30px; margin: 0 auto 14px; padding: 0 13px; display: block; border: 1px solid #e3eaf3; border-radius: 999px; color: var(--muted-foreground); background: #fff; box-shadow: 0 6px 18px rgba(15,23,42,.06); font-size: 12px; cursor: pointer; }
@@ -163,7 +163,7 @@ svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round
.dialog-card h2 { margin: 0; font-size: 18px; line-height: 26px; font-weight: 600; }
.dialog-card header p { margin: 6px 0 0; color: var(--muted-foreground); font-size: 13px; line-height: 20px; }
.dialog-close { position: absolute; top: 12px; right: 12px; }
.quick-list { max-height: 60vh; margin-top: 16px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; overflow-y: auto; }
.quick-list { max-height: 60vh; margin-top: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; overflow-y: auto; }
.quick-item { height: 44px; min-width: 0; padding: 0 12px; overflow: hidden; border: 1px solid var(--border); border-radius: 12px; color: var(--foreground); background: var(--background); font-size: 14px; font-weight: 500; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.quick-item:hover { color: var(--theme); border-color: rgba(var(--theme-rgb), .4); background: rgba(var(--theme-rgb), .05); }
.quick-empty { padding: 28px 0 8px; color: var(--muted-foreground); text-align: center; font-size: 13px; }