🎨 fit menu style

This commit is contained in:
layyback 2023-03-26 19:33:13 +08:00
parent 19d98ec07c
commit 3fded762df

View File

@ -1,20 +1,37 @@
.left-menu { .left-menu {
width: 200px; width: 200px;
height: 100vh; height: 100vh;
border-right: 1px solid var(--color-border-light);
.search-container { .search-container {
padding: 10px; padding: 10px;
} }
.ant-input-affix-wrapper { .ant-input-affix-wrapper {
border: none; border: none;
background: var(--color-input-hover);
:deep(input) {
background: none;
color: var(--color-text-desc);
}
:deep(.anticon) {
color: var(--color-text-desc);
}
} }
:deep(.ant-menu) { :deep(.ant-menu) {
background: #F3EFEF; background: var(--color-menu-bg);
height: 100%;
border-right: none;
.ant-menu-item {
color: var(--color-text-content);
&:active {
background: none;
}
}
.ant-menu-item-selected { .ant-menu-item-selected {
background-color: #E2E2E2; background-color: var(--color-list-hover);
color: #141414; color: var(--color-text-primary);
&:after { &:after {
display: none; display: none;
} }
} }
} }
} }