feat: fix Select component visibility in dark mode
This commit is contained in:
1
components.d.ts
vendored
1
components.d.ts
vendored
@@ -65,6 +65,7 @@ declare module 'vue' {
|
||||
IconFluentChevronLeft28Filled: typeof import('~icons/fluent/chevron-left28-filled')['default']
|
||||
IconFluentChevronUp20Filled: typeof import('~icons/fluent/chevron-up20-filled')['default']
|
||||
IconFluentClock20Regular: typeof import('~icons/fluent/clock20-regular')['default']
|
||||
IconFluentCommentEdit20Regular: typeof import('~icons/fluent/comment-edit20-regular')['default']
|
||||
IconFluentCopy20Regular: typeof import('~icons/fluent/copy20-regular')['default']
|
||||
IconFluentCrown20Regular: typeof import('~icons/fluent/crown20-regular')['default']
|
||||
IconFluentDatabasePerson20Regular: typeof import('~icons/fluent/database-person20-regular')['default']
|
||||
|
||||
@@ -251,7 +251,7 @@ onBeforeUnmount(() => {
|
||||
.select__dropdown {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
background-color: #fff;
|
||||
background-color: var(--color-input-bg);
|
||||
border: 1px solid var(--color-input-border);
|
||||
border-radius: 0.25rem;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
@@ -269,13 +269,13 @@ onBeforeUnmount(() => {
|
||||
transition: background-color 0.3s;
|
||||
|
||||
&:hover {
|
||||
background-color: #f5f7fa;
|
||||
background-color: var(--color-item-hover);
|
||||
}
|
||||
|
||||
&.is-selected {
|
||||
color: var(--color-select-bg);
|
||||
font-weight: bold;
|
||||
background-color: #f5f7fa;
|
||||
background-color: var(--color-item-active);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user