From 3c1dea94ce65b88033cf7bb5f7014c55ce9cff85 Mon Sep 17 00:00:00 2001
From: Michael Winter <mwinter@unboundedpress.org>
Date: Thu, 19 Feb 2026 01:37:29 +0100
Subject: [PATCH] Fix video modal sizing and remove modal bottom padding

---
 components/Modal/Modal.vue | 2 +-
 layouts/default.vue        | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/Modal/Modal.vue b/components/Modal/Modal.vue
index 9cc4c73..043e367 100644
--- a/components/Modal/Modal.vue
+++ b/components/Modal/Modal.vue
@@ -93,7 +93,7 @@ provide('modal', api)
               leave-to="opacity-0 scale-95"
             >
               <DialogPanel
-                class="w-full transform overflow-hidden bg-white text-left align-middle shadow-xl transition-all max-h-[85vh] pb-4"
+                class="w-full transform overflow-hidden bg-white text-left align-middle shadow-xl transition-all max-h-[85vh]"
                 :class="{
                   'h-screen': fullscreen,
                   'max-w-[85vw] rounded-lg': !fullscreen,
diff --git a/layouts/default.vue b/layouts/default.vue
index ed4123d..974fcb6 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -36,7 +36,9 @@
   <Modal v-model="modalStore.isOpen">
       <ModalBody :class="modalStore.aspect">
         <ImageSlider v-if="modalStore.type === 'image'" :bucket="modalStore.bucket" :gallery="modalStore.gallery"></ImageSlider>
-        <iframe v-if="modalStore.type === 'video'" :src="'https://player.vimeo.com/video/' + modalStore.vimeo_trackid" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+        <div v-if="modalStore.type === 'video'" class="w-full" :class="modalStore.aspect">
+          <iframe :src="'https://player.vimeo.com/video/' + modalStore.vimeo_trackid" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+        </div>
         <iframe v-if="modalStore.type === 'pdf'" :src="modalStore.pdfUrl + '#toolbar=1&navpanes=0'" width="100%" height="100%" frameborder="0" class="max-h-[calc(85vh-2rem)]"></iframe>
         <div v-if="modalStore.type === 'pdf' || modalStore.type === 'image'" class="absolute bottom-2 right-2 z-10">
           <a :href="modalStore.type === 'pdf' ? modalStore.pdfUrl : '/' + modalStore.bucket + '/' + modalStore.gallery[0]?.image" target="_blank" rel="noopener noreferrer" class="p-2 bg-gray-600 rounded-lg inline-flex items-center justify-center">