mirror of
https://github.com/rubickCenter/rubick
synced 2025-06-11 06:01:44 +08:00
🎨 fit menu style
This commit is contained in:
parent
19d98ec07c
commit
3fded762df
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user