github/new-api
1
0
Fork 0
mirror of https://github.com/QuantumNous/new-api.git synced 2026-04-19 11:58:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2395 from seefs001/fix/siderbar

Browse Source 
fix: sidebar color overlap
This commit is contained in:
Calcium-Ion
2025-12-09 14:04:26 +08:00
committed by GitHub
parent 4ffd54c50d 2e33948842
commit 78c10209c0
2 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/src/components/layout/SiderBar.jsx
View File

@@ -377,7 +377,6 @@ const SiderBar = ({ onNavigate = () => {} }) => {
className='sidebar-container' className='sidebar-container'
style={{ style={{
width: 'var(--sidebar-current-width)', width: 'var(--sidebar-current-width)',
background: 'var(--semi-color-bg-0)',
}} }}
> >
<SkeletonWrapper <SkeletonWrapper

17
web/src/index.css
View File

@@ -108,6 +108,7 @@ code {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transition: width 0.3s ease; transition: width 0.3s ease;
background: var(--semi-color-bg-0);
} }
.sidebar-nav { .sidebar-nav {
@@ -221,6 +222,22 @@ code {
padding-top: 12px; padding-top: 12px;
} }
@media (max-width: 767px) {
.sidebar-container {
background: var(--semi-color-bg-1);
border-right: 1px solid var(--semi-color-border);
}
.sidebar-nav {
background: var(--semi-color-bg-1);
}
.sidebar-collapse-button {
background-color: var(--semi-color-bg-1);
box-shadow: 0 -10px 10px -5px var(--semi-color-bg-1);
}
}
/* ==================== 聊天界面样式 ==================== */ /* ==================== 聊天界面样式 ==================== */
.semi-chat { .semi-chat {
padding-top: 0 !important; padding-top: 0 !important;