更新Company页面的UI为FUI风格
This commit is contained in:
@@ -87,3 +87,55 @@ select::-webkit-scrollbar-thumb {
|
||||
select::-webkit-scrollbar-thumb:hover {
|
||||
background: #FFC107;
|
||||
}
|
||||
|
||||
/**
|
||||
* Ant Design AutoComplete 下拉框样式 (FUI 主题)
|
||||
*/
|
||||
.fui-autocomplete-dropdown {
|
||||
background-color: #1a1a2e !important;
|
||||
border: 1px solid rgba(212, 175, 55, 0.3) !important;
|
||||
border-radius: 10px !important;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
|
||||
.fui-autocomplete-dropdown .ant-select-item {
|
||||
color: #ffffff !important;
|
||||
padding: 10px 12px !important;
|
||||
border-bottom: 1px solid rgba(212, 175, 55, 0.1);
|
||||
}
|
||||
|
||||
.fui-autocomplete-dropdown .ant-select-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.fui-autocomplete-dropdown .ant-select-item-option-active,
|
||||
.fui-autocomplete-dropdown .ant-select-item:hover {
|
||||
background-color: rgba(212, 175, 55, 0.15) !important;
|
||||
}
|
||||
|
||||
.fui-autocomplete-dropdown .ant-select-item-option-selected {
|
||||
background-color: rgba(212, 175, 55, 0.25) !important;
|
||||
}
|
||||
|
||||
.fui-autocomplete-dropdown .ant-select-item-empty {
|
||||
color: rgba(255, 255, 255, 0.5) !important;
|
||||
}
|
||||
|
||||
/* AutoComplete 下拉框滚动条 */
|
||||
.fui-autocomplete-dropdown::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.fui-autocomplete-dropdown::-webkit-scrollbar-track {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.fui-autocomplete-dropdown::-webkit-scrollbar-thumb {
|
||||
background: rgba(212, 175, 55, 0.4);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.fui-autocomplete-dropdown::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(212, 175, 55, 0.6);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user