Cakhia TV
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="pxwrxlhywg8yryk"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="vjxm8ghe6x93r6o"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="8yomo4h1jvweq0j"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="4wyrn4h6n088q86"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="jw2r09hkyj7prz8"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="k82rekhgd46jrep"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="y0or5jh8dko0qwz"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="jw2r09hkdjozrz8"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="pxwrxlhywg8yryk"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="vjxm8ghe6x93r6o"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="vjxm8ghk4gddr6o"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="8yomo4h1jvweq0j"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="4wyrn4h6n088q86"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="jw2r09hkyj7prz8"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="y0or5jh9l6pgqwz"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="3glrw7hnxy4pqdy"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="vjxm8ghen8k5r6o"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="l7oqdehgg48nr51"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="y39mp1h68pxwmoj"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="k82rekhgdn5xrep"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="l7oqdehgzvxvr51"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="x7lm7phjlwxzm2w"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="3glrw7hnxy89qdy"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="vjxm8ghen817r6o"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="pxwrxlhlg3gxryk"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="jw2r09h5ljvvrz8"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="ednm9wh5kxn2ryo"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="dn1m1gh944demoe"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
League settings
Tin tức & Cập nhật
Lời
giới thiệu







