|
|
@@ -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>
|
Olivier Massot