add link for tom app

add link for tom app

Author: uahmed-assecor

apps/tom/src/components/AdvertisementCard.vue

@@ -2,14 +2,13 @@
   <Card>
     <template #content>
       <div class="grid">
-        <div class="md:col-4 p-2 bg-bluegray-50 flex justify-content-center">
-          <img class="max-w-full" :src="toAdvertisementImage(ad)" :alt="toAdvertisementName(ad)">
+          <div class="md:col-4 p-2 bg-bluegray-50 flex justify-content-center">
+            <img class="max-w-full" :src="toAdvertisementImage(ad)" :alt="toAdvertisementName(ad)">
+          </div>
+          <div class="col-8">
+            <h2><a :href="ad" target="_blank">{{ toAdvertisementName(ad) }} *</a></h2>
+          </div>
         </div>
-        <div class="md:col-8">
-          <h3>{{ toAdvertisementName(ad) }}</h3>
-          <p class="text-black-alpha-70 break-all">{{ ad }}</p>
-        </div>
-      </div>
     </template>
     <template #footer>
       <Button @click="emit('adClick', ad)" class="w-full justify-content-center">Find Provider</Button>

apps/tom/src/views/CreateDemand.vue

@@ -292,7 +292,7 @@ async function createDemand(demandContainerUris: string[], payload: string) {
           <SmeCard>
             <SmeCardHeadline>Service Type</SmeCardHeadline>
             <ul class="list-none gap-5 p-0 flex flex-column md:flex-row">
-              <li v-for="ad of listedAdvertisements" :key="ad">
+              <li v-for="ad of listedAdvertisements" :key="ad" class="md:col-6">
                 <AdvertisementCard @adClick="adClick" :ad="ad"/>
               </li>
             </ul>