UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-01-30 22:39:03 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

refac: tooltip

Browse Source
This commit is contained in:
Timothy J. Baek 2024-07-08 15:26:43 -07:00
parent 3598aee71e
commit 781ad70598
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app.css
View File

@ -150,3 +150,7 @@ input[type='number'] {
.cm-editor.cm-focused { .cm-editor.cm-focused {
outline: none; outline: none;
} }
.tippy-box[data-theme~='dark'] {
@apply rounded-lg bg-gray-950 text-xs border border-gray-900 shadow-xl;
}

7
src/lib/components/common/Tooltip.svelte
View File

@ -3,11 +3,13 @@
import { marked } from 'marked'; import { marked } from 'marked';
import tippy from 'tippy.js'; import tippy from 'tippy.js';
import { roundArrow } from 'tippy.js';
export let placement = 'top'; export let placement = 'top';
export let content = `I'm a tooltip!`; export let content = `I'm a tooltip!`;
export let touch = true; export let touch = true;
export let className = 'flex'; export let className = 'flex';
export let theme = '';
let tooltipElement; let tooltipElement;
let tooltipInstance; let tooltipInstance;
@ -20,7 +22,10 @@
content: content, content: content,
placement: placement, placement: placement,
allowHTML: true, allowHTML: true,
touch: touch touch: touch,
...(theme !== '' ? { theme } : { theme: 'dark' }),
arrow: false,
offset: [0, 4]
}); });
} }
} else if (tooltipInstance && content === '') { } else if (tooltipInstance && content === '') {