docs: fix modal size

nuxt-hub · Aug 22, 2024 · e2d55c1 · e2d55c1
1 parent 803591d
commit e2d55c1
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
@@ -71,11 +71,11 @@ onMounted(() => {
  <span v-html="page?.hero.description" />
  </template>
 
- <UModal v-model="videoModalOpen">
- <div class="p-3">
+ <UModal v-model="videoModalOpen" :ui="{ width: 'sm:max-w-4xl lg:max-w-5xl aspect-[16/9]' }">
+ <div class="p-3 h-full">
  <iframe
  width="100%"
- height="315"
+ height="100%"
  :src="`https://www.youtube-nocookie.com/embed/${videoLink.split('=')[1]}`"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
@@ -378,7 +378,7 @@ onMounted(() => {
  />
  </div>
 
- <ULandingSection class="relative mt-32" :ui="{ title: 'z-10' }">
+ <ULandingSection class="relative mt-32" :ui="{ title: 'z-10 2xl:pt-10' }">
  <template #title>
  <span v-html="page?.journey.title" />
  </template>