parent
648a31e73b
commit
c11e2cba4d
@ -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