edit: ajout du 2 animé + MAXI REGLAGE (responsive, couleur, positionnement etc.) + ajout vue liste panneau dans panneau à propos + likes dans images + class gen reactBar

v1-com-officielle/src/indieComponents/VisualizerPannel.vue

@@ -22,6 +22,12 @@
       <div class="windowContent" id="visualizerContent">
         <img :src="selectedImg.src" id="displayedImgStyle">
       </div>
+      <div class="reactBar">
+        <p class="reactStatStyle">{{selectedImg.like}}</p>
+        <button data-tooltip="j'aime bien" type="button" class="iconBtnStyle" :class="{reactedStyle: selectedImg.isLiked}" @mousedown.capture="likeImg" @touchstart.capture="likeImg">
+          <CloseIcon name="test" class="icon"/>
+        </button>
+      </div>
     </div>
 </template>
 
@@ -45,7 +51,7 @@
     height: auto;
     top: 500px;
     left: 16.1px;
-    border-radius: 16.1px 16.1px 0 0;
+    border-radius: 16.1px;
   }
 
   #displayedImgStyle{
@@ -87,6 +93,10 @@
     methods:{
       onDrag({ target, transform }) {
         target.style.transform = transform;
+      },
+      likeImg(){
+        this.selectedImg.isLiked = !this.selectedImg.isLiked;
+        console.log(this.selectedImg);
       }
     },
     mounted(){