Add helper to Interactive360 #62

src/components/project/virtual-sample/Interactive360.vue

@@ -1,8 +1,12 @@
 <template>
   <figure>
-    <div @mousedown="enableDragToRotate" class="drag-zone"></div>
+    <div @mousedown="enableDragToRotate" class="drag-zone" :class="{ 'grabbing': isDragToRotateEnabled }"></div>
     <img :src="currentFile.url" alt="" width="500" height="500" />
   </figure>
+  <div hidden id="helper" class="flex flex-col | bg-black-50">
+    <p class="rounded-lg | text-white bg-grey-800 | p-16">Vous pouvez visualiser l’échantillon sous différents angles en cliquant et en déplaçant la souris de gauche à droite ou de bas en haut.</p>
+    <button class="btn">J’ai compris</button>
+  </div>
 </template>
 
 <script setup>