fix: update tooltip bg color in darkmode

This commit is contained in:
Ramesh Mane
2026-01-22 06:52:53 +00:00
parent 7109e50879
commit bcab059c2e
3 changed files with 7 additions and 6 deletions

View File

@@ -244,10 +244,11 @@ const onClick = () => {
}
.nc-tooltip-dark {
.ant-tooltip-inner {
@apply !px-2 !py-1 !rounded-lg !bg-gray-800 dark:!bg-gray-900;
@apply !px-2 !py-1 !rounded-lg !bg-gray-800 dark:!bg-[#3a3f4b];
}
.ant-tooltip-arrow-content {
@apply !bg-gray-800 dark:!bg-gray-900;
@apply !bg-gray-800 dark:!bg-[#3a3f4b];
}
}

View File

@@ -25,7 +25,7 @@ const { tooltipText } = storeToRefs(store)
}
.tooltip-dark {
@apply bg-gray-800 text-white;
@apply bg-gray-800 text-white dark:!bg-[#3a3f4b];
}
.tooltip-light {

View File

@@ -98,9 +98,9 @@ export const useTooltipStore = defineStore('tooltip', () => {
const tooltipWithDescription =
ncIsString(text) && description
? h('div', { class: 'flex flex-col gap-1' }, [
h('div', { class: 'text-captionBold' }, text),
h('div', { class: 'text-captionSm' }, description),
])
h('div', { class: 'text-captionBold' }, text),
h('div', { class: 'text-captionSm' }, description),
])
: text
showTooltip({ text: tooltipWithDescription, rect, mousePosition, placement })