section.profile_card_list.w-full
.profile_card_list_container.w-full
.swipe(
v-if="!isGrid"
:config="config"
:key="profile.pid"
@throwout="swipped(profile)"
v-for="(profile, i) in loadedProfiles"
:style="{ 'z-index': 1000-i }"
)
.card.b-solid.rounded.p-0.bg-cover.randomize(
:style="{ 'background-image': `url(${profile.avatar})`, 'top': `${randomize(10)}px`, 'right': `${randomize(20)}px`, 'transform': `rotate(${randomize(7)}deg)` }"
)
.card__content
h3.p-1.mv-0.b-solid.rounded {{ profile.pid }} {{ profile.name }}
nav.swipe_icons.w-full.f-row.between
//- Accept
button.p-1(@click="accept") Accept
//- Hold
button.p-1(@click="view(profile.pid)") view
//- Pass
button.p-1(@click="pass") Pass
.match-layout(
v-else
:key="profile.pid"
v-for="(profile, i) in loadedProfiles"
)
.card.b-solid.rounded.p-0.bg-cover(
:style="{ 'background-image': `url(${profile.avatar})` }"
)
.card__content
h3.p-1.mv-0.b-solid.rounded {{ profile.pid }} {{ profile.name }}