mirror of
https://github.com/tiennm99/coolify.git
synced 2026-10-15 00:17:16 +00:00
fix(ui): constrain helper popup within viewport
This commit is contained in:
1 parent
b939e09f12
commit
0b33eb4e9c
2 files changed
+2
-2
No files matched your search
@@ -289,7 +289,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@utility info-helper-popup {
|
@utility info-helper-popup {
|
||||||
@apply hidden absolute z-40 text-xs rounded-sm text-neutral-700 group-hover:block dark:border-coolgray-500 border-neutral-900 dark:bg-coolgray-400 bg-neutral-200 dark:text-neutral-300 max-w-sm whitespace-normal break-words;
|
@apply hidden absolute right-0 z-40 w-max max-w-[min(20rem,calc(100vw-2rem))] text-xs rounded-sm text-neutral-700 group-hover:block dark:border-coolgray-500 border-neutral-900 dark:bg-coolgray-400 bg-neutral-200 dark:text-neutral-300 whitespace-normal break-words;
|
||||||
}
|
}
|
||||||
|
|
||||||
@utility buyme {
|
@utility buyme {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<div x-data="{ open: false }" @click.stop="open = !open" @click.outside="open = false"
|
<div x-data="{ open: false }" @click.stop="open = !open" @click.outside="open = false"
|
||||||
{{ $attributes->merge(['class' => 'group']) }}>
|
{{ $attributes->merge(['class' => 'group relative inline-block align-middle']) }}>
|
||||||
<div class="info-helper">
|
<div class="info-helper">
|
||||||
@isset($icon)
|
@isset($icon)
|
||||||
{{ $icon }}
|
{{ $icon }}
|
||||||
|
|||||||
Reference in new issue
Block a user