Adds news-list

src/views/contents/contentfullscreen/FullScreenContentSm.vue

@@ -30,7 +30,7 @@
       </div>
 
       <div class="flex items-center justify-center w-full h-full z-10">
-        <img :src="currentImage" alt="Image" class="max-w-full max-h-full object-contain" />
+        <img :src="currentImage" alt="Image" class="max-w-full max-h-full object-contain"/>
       </div>
 
       <!-- right arrow -->
@@ -45,21 +45,21 @@
     <div class="flex flex-col p-6 bg-white overflow-y-auto max-h-screen">
 
       <div class="border-b-2 p-6 font-sans space-y-2">
+
         <div class="flex flex-row align-center" v-if="data && data.createdByName">
           <img :src="data.createdByPortraitUrl" class="rounded-full w-9" alt="">
           <p class="ml-2 capitalize ">{{ data.createdByName }}</p>
         </div>
+
         <div v-if="data && data.description">
           Description: {{ data.description }}
         </div>
 
-        <div class="flex justify-around py-2">
-          <Reaction v-if="data" :content="data"></Reaction>
-
-          <donation-button v-if="data"
-          ></donation-button>
-
+        <div v-if="data" class="flex justify-around py-2">
+          <reaction :content="data"></reaction>
+          <donation-button></donation-button>
         </div>
+
       </div>
 
       <div class="border-b-2 p-6">