parent
47837d8bc2
commit
3adfc22518
@ -1,53 +0,0 @@
|
|||||||
<template>
|
|
||||||
<basic-modal width="1200" transition="slide-x-transition" @open="openModal">
|
|
||||||
<template #header>
|
|
||||||
<div class="close__modal">
|
|
||||||
<v-icon class="WMi-cancel-linear" @click="$_closeModal()"></v-icon>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template #default>
|
|
||||||
<div>
|
|
||||||
<SectionTitle
|
|
||||||
title="workout details"
|
|
||||||
subTitle="The details you need"
|
|
||||||
:is-modal="true"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="mt-4 mb-10">
|
|
||||||
<v-row>
|
|
||||||
<v-col cols="4">
|
|
||||||
<img
|
|
||||||
class="workout__img w-100"
|
|
||||||
:src="
|
|
||||||
workout.thumbnail
|
|
||||||
? workout.thumbnail
|
|
||||||
: 'https://via.placeholder.com/1280x720'
|
|
||||||
"
|
|
||||||
alt="workout image"
|
|
||||||
/>
|
|
||||||
</v-col>
|
|
||||||
<v-col cols="8"></v-col>
|
|
||||||
</v-row>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template #footer> </template>
|
|
||||||
</basic-modal>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: "modal_workout_detail",
|
|
||||||
data: () => ({
|
|
||||||
workout: {},
|
|
||||||
}),
|
|
||||||
methods: {
|
|
||||||
openModal({ data }) {
|
|
||||||
this.workout = { ...data };
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.workout__img {
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
</style>
|
|
Loading…
Reference in new issue