parent
a85662ed45
commit
f711ea1d15
@ -0,0 +1,53 @@
|
|||||||
|
<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