dialog quick
This commit is contained in:
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
+3
-2
@@ -116,9 +116,10 @@ export const ui = {
|
|||||||
watch(show, s => s ? setTimeout(() => anim(true), 10) : anim(false));
|
watch(show, s => s ? setTimeout(() => anim(true), 10) : anim(false));
|
||||||
|
|
||||||
return h("div", {
|
return h("div", {
|
||||||
class: () => `fixed z-50 transition-all duration-300 ${show() ? (anim() ? 'opacity-100 scale-100' : 'opacity-0 scale-95') : 'opacity-0 scale-95 pointer-events-none'
|
class: () => `fixed z-50 transition-opacity duration-300 ${
|
||||||
|
show() ? (anim() ? 'opacity-100 scale-100' : 'opacity-0 scale-95') : 'opacity-0 scale-95 pointer-events-none'
|
||||||
}`,
|
}`,
|
||||||
style: () => `left: ${pos().x}px; top: ${pos().y}px;`
|
style: () => `left: ${pos().x}px; top: ${pos().y}px; transition: left 50ms, top 50ms;`
|
||||||
}, [
|
}, [
|
||||||
h("div", {
|
h("div", {
|
||||||
class: `bg-base-100 rounded-box shadow-2xl border border-base-300 ${p.class || ''}`,
|
class: `bg-base-100 rounded-box shadow-2xl border border-base-300 ${p.class || ''}`,
|
||||||
|
|||||||
Reference in New Issue
Block a user