edit: position logo ts + correction z-index, filtrage par username, gamme colorée adaptée + changement du fond avec le thème

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

@@ -71,10 +71,11 @@
 
   #artistPannel{
     position: fixed;
-    width: 380px;
-    height: 500px;
+    width: 420px;
+    height: 600px;
     top: 16.1px;
     left: 16.1px;
+    z-index: 33;
   }
 
   #artistContent{
@@ -123,14 +124,15 @@
   .theMatrix{
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-    grid-auto-rows: 133px;
-    gap: 10px;
+    grid-auto-rows: 150px;
+    gap: 16.1px;
     width: 97%;
     height: 66%;
     overflow-y: auto;
     align-items: center;
     margin-left: 5px;
     margin-top: 5px;
+    padding-top: 10px;
   }
 
   .itemDesc{

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

@@ -8,7 +8,7 @@
 </script>
 
 <template>
-    <Teleport to="#infoMenuContainer" defer>
+    <Teleport to="#playerContainer" defer>
       <div class="graffContainer" id="TsContainer">
         <TsGraff name="graffTs" class="graff" id="graffTs"/>
         <TsNeon name="neonTs" class="neon" id="neonTs"/>
@@ -63,7 +63,7 @@
   }
 
   #TsContainer{
-    top: -155%;
+    top: 66px;
     left: 131.2px;
   }
   #graffTs{
@@ -106,17 +106,12 @@
     margin-left: -7.77px;
     margin-top: -7.77px;
   }
-  /*================ TINY PHONE*/
-  @media(max-width:350px){
-    #TsContainer{
-      top: -133%;
-    }
-  }
+
   /*================ PC LARGE*/
   @media(min-width:1300px){
     #TsContainer{
-      top: 50px;
-      left: -144%;
+      top: 55px;
+      left: 300px;
     }
     #graffTs{
       width: 100px;