fix

src/abstraction/resources/programResource.js

@@ -1,7 +1,6 @@
 import { SetPagination, SetQueriesObject } from "@/utils/setQueriesObject";
 import { getJsonTrainer } from './trainerProgramResource';
 import { getJsonSportCategory } from './sportCategoryPorgramResource';
-import { objectToFormData } from "@/utils/objectToFormData";
 export const getJson = (data) => ({
     id: data.id,
     trainer: data.trainer ? getJsonTrainer(data.trainer) : {},

src/components/Programs/Item.vue

@@ -12,9 +12,7 @@
       <img
         class="wa__program__image w-100"
         :src="
-          program.thumbnail
+          program.thumbnail ? program.thumbnail : 'https://via.placeholder.com/1280x720'
-            ? program.thumbnail
-            : 'https://via.placeholder.com/1280x720'
         "
         alt="product image"
       />
@@ -63,8 +61,10 @@
         </div>
       </div>
     </div>
+    <div class="title__box mt-2">
       <div class="program__title">{{ program.title }}</div>
       <div class="program__sub-title">{{ program.description }}</div>
+    </div>
     <div>
       <Chip
         color="gray"
@@ -110,8 +110,8 @@ export default {
 };
 </script>
 <style scoped>
-.v-image {
+.title__box {
-  border-radius: 20px;
+  line-height: 17px;
 }
 .program__title {
   font-family: "montserrat-medium";