inscriptions webinaires : temporary fix

components/Webinaire/Catalogue.vue

@@ -84,26 +84,38 @@
     </div>
 
     <!-- Modale d'inscription -->
-    <v-dialog v-model="modalShowing" max-width="800" class="calendar-modal">
-      <div class="alt-theme d-flex flex-column align-center">
-        <LayoutUISubTitle> Inscrivez vous </LayoutUISubTitle>
-
-        <h4 class="title-inscription text-center mt-4">
-          Vous y êtes presque !
-        </h4>
-
-        <iframe
-          :src="webinaireCalendars[selectedWebinar]"
-          width="700"
-          height="700"
-        />
-
-        <v-row>
-          <v-col cols="12">
-            <v-btn class="close-button" @click="closeModal()"> Fermer </v-btn>
-          </v-col>
-        </v-row>
-      </div>
+    <v-dialog
+      v-model="modalShowing"
+      max-width="800"
+      :retain-focus="false"
+      :scrollable="true"
+      class="calendar-modal"
+    >
+      <template v-slot:default="{ isActive }">
+        <div class="alt-theme d-flex flex-column align-center">
+            <v-card
+              title="Inscrivez vous"
+            >
+              <v-card-text style="height: 70vh;">
+                <h4 class="title-inscription text-center mt-4">
+                  Vous y êtes presque !
+                </h4>
+
+                <iframe
+                  :src="webinaireCalendars[selectedWebinar]"
+                  width="700"
+                  height="700"
+                />
+              </v-card-text>
+            </v-card>
+
+            <v-row>
+              <v-col cols="12">
+                <v-btn class="close-button" @click="closeModal()"> Fermer </v-btn>
+              </v-col>
+            </v-row>
+        </div>
+      </template>
     </v-dialog>
   </LayoutContainer>
 </template>