|
|
@ -2,13 +2,16 @@
|
|
|
|
<div class="border-bottom">
|
|
|
|
<div class="border-bottom">
|
|
|
|
<v-row>
|
|
|
|
<v-row>
|
|
|
|
<v-col cols="4" class="pr-0">
|
|
|
|
<v-col cols="4" class="pr-0">
|
|
|
|
<div
|
|
|
|
<img
|
|
|
|
class="workout__img"
|
|
|
|
class="rounded w-100"
|
|
|
|
:style="{
|
|
|
|
:src="
|
|
|
|
backgroundImage: `url(${workout.bookmark_data.thumbnail})`,
|
|
|
|
workout.bookmark_data.thumbnail
|
|
|
|
}"
|
|
|
|
? workout.bookmark_data.thumbnail
|
|
|
|
></div
|
|
|
|
: 'https://via.placeholder.com/1280x720'
|
|
|
|
></v-col>
|
|
|
|
"
|
|
|
|
|
|
|
|
alt="workout image"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</v-col>
|
|
|
|
<v-col cols="8">
|
|
|
|
<v-col cols="8">
|
|
|
|
<div class="details__card">
|
|
|
|
<div class="details__card">
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
@ -26,17 +29,17 @@
|
|
|
|
label
|
|
|
|
label
|
|
|
|
color="gray"
|
|
|
|
color="gray"
|
|
|
|
text-color="black"
|
|
|
|
text-color="black"
|
|
|
|
class="mr-1 text-uppercase"
|
|
|
|
class="mr-1 text-uppercase tag__chip"
|
|
|
|
xs
|
|
|
|
xs
|
|
|
|
v-for="(item, i) in workout.bookmark_data.tags"
|
|
|
|
v-for="(item, i) in workout.bookmark_data.tags"
|
|
|
|
:key="i"
|
|
|
|
:key="i"
|
|
|
|
:text="item.name"
|
|
|
|
:text="item"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<RectangleButton
|
|
|
|
<RectangleButton
|
|
|
|
size="large"
|
|
|
|
size="large"
|
|
|
|
height="26"
|
|
|
|
height="31"
|
|
|
|
icon="WMi-trash"
|
|
|
|
icon="WMi-trash"
|
|
|
|
class="custom-btn ml-1"
|
|
|
|
class="custom-btn ml-1"
|
|
|
|
@click="deleteBookmarkWorkout(workout.id)"
|
|
|
|
@click="deleteBookmarkWorkout(workout.id)"
|
|
|
@ -87,4 +90,8 @@ export default {
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.tag__chip {
|
|
|
|
|
|
|
|
font-size: 12px !important;
|
|
|
|
|
|
|
|
font-family: "Montserrat-light";
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|