Merge pull request #174 from Wen19970509/master

feat: fix Select component visibility in dark mode
This commit is contained in:
Zyronon
2025-11-25 18:12:59 +08:00
committed by GitHub
2 changed files with 4 additions and 3 deletions

1
components.d.ts vendored
View File

@@ -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']

View File

@@ -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);
}
}