style(chat): 移动端侧栏改为全屏高度并覆盖顶部导航栏
This commit is contained in:
1 parent
498bad1cc3
commit
1c4e4aba08
2 files changed
+27
-9
No files matched your search
@@ -888,8 +888,12 @@ html[data-theme='dark'] .think-block[data-thinking="true"] .think-agent summary
|
||||
background: var(--chat-surface);
|
||||
box-shadow: 0 16px 34px rgba(17, 17, 17, 0.18);
|
||||
padding: 6px;
|
||||
z-index: 40;
|
||||
}
|
||||
z-index: 90;
|
||||
}
|
||||
|
||||
.chat-sidebar .sidebar-header {
|
||||
padding-top: calc(12px + env(safe-area-inset-top, 0px));
|
||||
}
|
||||
|
||||
.model-option {
|
||||
width: 100%;
|
||||
@@ -1217,7 +1221,7 @@ html[data-theme='dark'] .model-option.active {
|
||||
flex-shrink: 0;
|
||||
border: none;
|
||||
border-radius: 16px;
|
||||
background: transparent;
|
||||
background: var(--chat-surface);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
@@ -1226,6 +1230,10 @@ html[data-theme='dark'] .model-option.active {
|
||||
top: 56px;
|
||||
}
|
||||
|
||||
html[data-theme='dark'] .chat-sidebar {
|
||||
background: #0d1520;
|
||||
}
|
||||
|
||||
.sidebar-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -1429,18 +1437,24 @@ html[data-theme='dark'] .model-option.active {
|
||||
|
||||
.chat-sidebar {
|
||||
position: fixed;
|
||||
top: 56px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: calc(100% - 56px);
|
||||
height: 100%;
|
||||
transform: translateX(-110%);
|
||||
transition: transform 0.2s ease;
|
||||
z-index: 50;
|
||||
z-index: 100; /* 高于 navbar */
|
||||
border-radius: 0;
|
||||
box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.chat-sidebar.open {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
html[data-theme='dark'] .chat-sidebar {
|
||||
box-shadow: 4px 0 24px rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
|
||||
.sidebar-overlay {
|
||||
display: block;
|
||||
position: fixed;
|
||||
@@ -1449,7 +1463,11 @@ html[data-theme='dark'] .model-option.active {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.2s ease;
|
||||
z-index: 40;
|
||||
z-index: 90;
|
||||
}
|
||||
|
||||
.chat-sidebar .sidebar-header {
|
||||
padding-top: calc(12px + env(safe-area-inset-top, 0px));
|
||||
}
|
||||
|
||||
.sidebar-overlay.open {
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
|
||||
<head>
|
||||
@@ -18,7 +18,7 @@
|
||||
<link href="https://cdn.jsdelivr.net/npm/geist@1.0.0/dist/fonts/geist-sans/style.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/geist@1.0.0/dist/fonts/geist-mono/style.css" rel="stylesheet">
|
||||
<link href="/static/common/css/common.css?v=1.5.0" rel="stylesheet">
|
||||
<link href="/static/public/css/chat.css?v=1.5.0" rel="stylesheet">
|
||||
<link href="/static/public/css/chat.css?v=0.1.33" rel="stylesheet">
|
||||
<link href="/static/common/css/toast.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
|
||||
Reference in new issue
Block a user