diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-24 14:39:24 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-24 14:39:24 +0900 |
| commit | 2b4d5b73b9296658ea079c08e3fdefa777b5c937 (patch) | |
| tree | 884cf9e35012f6ab2ac683325b371ecbcfadf076 /src | |
| parent | :art: (diff) | |
| download | sharkey-2b4d5b73b9296658ea079c08e3fdefa777b5c937.tar.gz sharkey-2b4d5b73b9296658ea079c08e3fdefa777b5c937.tar.bz2 sharkey-2b4d5b73b9296658ea079c08e3fdefa777b5c937.zip | |
Update tooltip.vue
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/components/ui/tooltip.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/client/components/ui/tooltip.vue b/src/client/components/ui/tooltip.vue index de8c02ad4a..c003895c14 100644 --- a/src/client/components/ui/tooltip.vue +++ b/src/client/components/ui/tooltip.vue @@ -1,6 +1,6 @@ <template> <transition name="tooltip" appear @after-leave="$emit('closed')"> - <div class="buebdbiu _acrylic _shadow" v-show="showing" ref="content"> + <div class="buebdbiu _acrylic _shadow" v-show="showing" ref="content" :style="{ maxWidth: maxWidth + 'px' }"> <slot>{{ text }}</slot> </div> </transition> @@ -21,7 +21,12 @@ export default defineComponent({ text: { type: String, required: false - } + }, + maxWidth: { + type: Number, + required: false, + default: 250, + }, }, emits: ['closed'], @@ -75,11 +80,12 @@ export default defineComponent({ .buebdbiu { position: absolute; z-index: 11000; - max-width: 240px; font-size: 0.8em; padding: 8px 12px; + box-sizing: border-box; text-align: center; border-radius: 4px; + border: solid 0.5px var(--divider); pointer-events: none; transform-origin: center bottom; } |