Oliver/derez.ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: absolute panel below header, fixed 340px width, blue accent border, vertical centering

Browse Source
This commit is contained in:
Oliver
2026-06-06 17:05:50 -03:00
parent 86c94817e1
commit c327822bc7
1 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+10 -12
View File
@@ -975,22 +975,22 @@
.nav-chat { .nav-chat {
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; align-items: center;
width: 340px; width: 340px;
height: 36px; height: 36px;
min-height: 36px;
--chat-panel-height: 300px; --chat-panel-height: 300px;
transition: height 0.25s ease;
}
.nav-chat.open {
height: calc(var(--chat-panel-height) + 8px + 36px);
} }
.nav-chat-panel { .nav-chat-panel {
width: 100%; position: absolute;
top: calc(100% + 6px);
left: 0;
width: 340px;
min-width: 340px;
max-width: 340px;
height: var(--chat-panel-height); height: var(--chat-panel-height);
background: var(--bg-card); background: var(--bg-card);
border: 1px solid var(--border); border: 1px solid var(--accent);
border-radius: 18px 18px 0 0; border-radius: 18px;
box-shadow: 0 24px 80px rgba(0,0,0,0.5); box-shadow: 0 24px 80px rgba(0,0,0,0.5);
overflow: hidden; overflow: hidden;
visibility: hidden; visibility: hidden;
@@ -999,8 +999,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transition: opacity 0.22s ease, visibility 0.22s ease; transition: opacity 0.22s ease, visibility 0.22s ease;
margin-bottom: 8px; z-index: 9999;
flex-shrink: 0;
} }
.nav-chat.open .nav-chat-panel { .nav-chat.open .nav-chat-panel {
visibility: visible; visibility: visible;
@@ -1014,7 +1013,6 @@
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 36px; height: 36px;
min-height: 36px;
background: var(--bg-inner); background: var(--bg-inner);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 999px; border-radius: 999px;