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/MessagePannel.vue

@@ -22,7 +22,7 @@
       </button>
     </div>
     <div class="windowContent">
-      <div class="msgReact">
+      <div class="reactBar">
         <p class="reactStatStyle">{{selectedMsg.like}}</p>
         <button data-tooltip="j'aime bien" type="button" class="iconBtnStyle" :class="{reactedStyle: selectedMsg.isLiked}" @mousedown.capture="likeMsg" @touchstart.capture="likeMsg">
           <CloseIcon name="test" class="icon"/>
@@ -65,38 +65,6 @@
     }
   }
 
-  .windowContent .msgReact{
-    margin-left: -16.1%;
-    width: 77%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    font-family: 'lineal';
-    font-weight: normal;
-    color: var(--main-color);
-    padding: 0;
-  }
-  .windowContent .reactStatStyle{
-    text-align: center;
-    width: 33px;
-    padding-right: 0;
-  }
-  .windowContent .icon{
-    height: 16.1px;
-    width: auto;
-    margin-top: 0;
-  }
-  .windowContent .iconBtnStyle{
-    height: 33px;
-    width: 33px;
-    border-radius: 33px;
-  }
-  .windowContent .textBtnStyle{
-    height: 33px;
-    width: 130px;
-  }
-
   #selectedMsgText{
     white-space: pre-line;
     font-size: 16.1px;
@@ -109,10 +77,6 @@
     height: 77%;
     overflow-y: scroll;
   }
-
-  .reactedStyle{
-    color: var(--accent-color);
-  }
 </style>
 
 <script>