Xoilac TV – Trực Tiếp Bóng Đá Việt Nam, SEA Games & ASEAN Cup 2026 Full HD
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="4wyrn4h6pgndq86"
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="y39mp1h6g787moj"
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="k82rekhgpl4zrep"
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="3glrw7hne4n4qdy"
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="dn1m1ghly6zemoe"
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="23xmvkh65og5qg8"
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="dj2ryohloy5xq1z"
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="318q66hxe0n4qo9"
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="3glrw7hn8109qdy"
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="6ypq3nhvdkv3md7"
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="n54qllhny4n6qvy"
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="4wyrn4h6pgndq86"
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="k82rekhgpl4zrep"
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="y39mp1h6g787moj"
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="3glrw7hne4n4qdy"
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="dn1m1ghly6zemoe"
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="23xmvkh65og5qg8"
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="dj2ryohloy5xq1z"
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="318q66hxe0n4qo9"
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="3glrw7hn8109qdy"
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="6ypq3nhvyo1xmd7"
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="dj2ryohlo61oq1z"
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="3glrw7hne4e2qdy"
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="l5ergph41325r8k"
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="6ypq3nhvdkodmd7"
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="x7lm7phj6ondm2w"
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="3glrw7hn8861qdy"
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="pxwrxlhy4k4wryk"
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="4jwq2ghndgjvm0v"
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.
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




