CakhiaTV – Trực Tiếp Bóng Đá Tốc Độ Cao, Ổn Định, Không Giật Lag
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="1l4rjnh9woyem7v"
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="ednm9whwl762ryo"
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="965mkyhk9y1yr1g"
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="k82rekhgdw62rep"
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="965mkyhk9yoyr1g"
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="vjxm8ghe7npxr6o"
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="1l4rjnh9d8x4m7v"
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="zp5rzghgdnx6q82"
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="k82rekhgj53drep"
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="y0or5jh8wv1jqwz"
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="1l4rjnh9woyem7v"
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="ednm9whwl762ryo"
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="965mkyhk9y1yr1g"
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="k82rekhgdw62rep"
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="965mkyhk9yoyr1g"
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="4wyrn4h6g67pq86"
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="3glrw7hnd4wzqdy"
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="x7lm7phj4xk5m2w"
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="8yomo4h1n64lq0j"
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="8yomo4h1nokdq0j"
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="l5ergph4gdxgr8k"
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="6ypq3nhvxo3gmd7"
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="vjxm8ghe1706r6o"
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="2y8m4zh5587vql0"
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="2y8m4zh5v39yql0"
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
Không có dữ liệu.
Tin tức & Cập nhật
Nhận định chuyên gia
Lời
giới thiệu








