OrgTJWater/next-tjwater-frontend
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: unify Agent history panel framing

Browse Source 
The regression came from applying history-open styling to the outer acrylic shell during iteration. Keep the shell frame unchanged, confine the bottom edge treatment to the expanded header, and cover desktop and mobile geometry in Playwright.
This commit is contained in:
jiang
2026-07-28 17:24:32 +08:00
parent f4318a9b9c
commit 73896a893f
2 changed files with 77 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+9 -3
View File
@@ -140,6 +140,7 @@
--acrylic-highlight: rgba(255, 255, 255, 0.68);
--shadow-navigation: 0 1px 0 rgba(48, 65, 85, 0.14);
--shadow-panel: 0 12px 32px rgba(15, 33, 55, 0.14);
--shadow-agent-history-bottom: 0 12px 12px -12px rgba(15, 33, 55, 0.32);
--shadow-control: 0 6px 18px rgba(15, 33, 55, 0.1);
--shadow-transient: 0 14px 34px rgba(15, 33, 55, 0.18);
--shadow-agent-floating:
@@ -244,6 +245,7 @@
--glass-transient: rgba(232, 242, 250, 0.76);
--acrylic-outline: rgba(43, 63, 86, 0.28);
--shadow-panel: 0 14px 36px rgba(7, 18, 32, 0.22);
--shadow-agent-history-bottom: 0 14px 14px -14px rgba(7, 18, 32, 0.4);
--shadow-control: 0 7px 20px rgba(7, 18, 32, 0.16);
--shadow-transient: 0 16px 38px rgba(7, 18, 32, 0.26);
--shadow-agent-floating:
@@ -681,14 +683,18 @@ button:disabled {
z-index: 2;
border-color: var(--acrylic-outline);
border-style: solid;
border-width: 0 1px 1px;
border-width: 0 0 1px;
border-bottom-right-radius: var(--radius-panel);
border-bottom-left-radius: var(--radius-panel);
box-shadow: var(--shadow-panel);
box-shadow: var(--shadow-agent-history-bottom);
}
.agent-panel-integrated-header {
inset-inline: -0.25rem;
top: -0.25rem;
}
.agent-panel-header-mobile {
inset-inline: -0.25rem;
top: -2rem;
padding-top: 2rem;
}