Socolive
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="1l4rjnh9jnj7m7v"
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="l7oqdehg8joer51"
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="4jwq2ghnzge3m0v"
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="x7lm7phjykplm2w"
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="965mkyhk95p8r1g"
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="1l4rjnh9jnj7m7v"
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="l7oqdehg8joer51"
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="4jwq2ghnzge3m0v"
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="x7lm7phjykplm2w"
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="jw2r09hke0z0rz8"
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="2y8m4zh529e2ql0"
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="8yomo4h1n785q0j"
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="y0or5jh8z6goqwz"
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="965mkyhkpelkr1g"
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="vjxm8ghe53p9r6o"
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="x7lm7phj3898m2w"
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="n54qllhnp1jpqvy"
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="vjxm8ghe5k53r6o"
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="x7lm7phj3x3vm2w"
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="dj2ryohle715q1z"
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="8yomo4h1gy34q0j"
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="x7lm7phj3xzvm2w"
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="n54qllhnw866qvy"
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












