fix: DTLPanel + VirtualSample dialog display

close #105

src/components/design-to-light/DTLPanel.vue

@@ -2,6 +2,7 @@
   <aside
     id="dtl-panel"
     class="text-sm bg-black rounded-2xl"
+    :class="{'with-dialog': isDialogOpen}"
     aria-labelledby="dtl-label"
     @click="preventClose($event)"
   >
@@ -9,8 +10,9 @@
       class="flex items-center | border-b pl-32 pr-16 py-8"
       data-icon="leaf"
       style="--column-gap: 0.5rem"
-    >
-      <h2 id="dtl-label" class="font-serif text-xl">Design to Light</h2>
+    > 
+      <!-- TODO: ajouter un title à dans le Panel pour chaque propositio et l'utiliser ici pour le h2 -->
+      <h2 id="dtl-label" class="font-serif text-md">Design to Light</h2>
       <button
         v-if="!isDialogOpen"
         @click="emits('close')"

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

@@ -7,7 +7,7 @@
     dismissableMask="true"
     header="Titre du rendu"
     class="dialog"
-    :class="[{ 'with-comments': isCommentsOpen }, activeTab]"
+    :class="[{ 'with-comments': isCommentsOpen }, activeTab, { 'with-dtl': correspondingDTLProposal}]"
     :closeOnEscape="true"
   >
     <template #header>