Merge pull request #2395 from seefs001/fix/siderbar

fix: sidebar color overlap
This commit is contained in:
Calcium-Ion
2025-12-09 14:04:26 +08:00
committed by GitHub
2 changed files with 17 additions and 1 deletions

View File

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

View File

@@ -108,6 +108,7 @@ code {
display: flex;
flex-direction: column;
transition: width 0.3s ease;
background: var(--semi-color-bg-0);
}
.sidebar-nav {
@@ -221,6 +222,22 @@ code {
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 {
padding-top: 0 !important;