From c6a8570d4f60549e74ff803c49c7ab10ec7e2968 Mon Sep 17 00:00:00 2001
From: Michael Winter <mwinter@unboundedpress.org>
Date: Thu, 19 Feb 2026 01:32:33 +0100
Subject: [PATCH] Add open in new tab button to PDF modals

---
 layouts/default.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/layouts/default.vue b/layouts/default.vue
index babeb90..ed4123d 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -38,6 +38,11 @@
         <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>
         <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">
+            <Icon name="mdi:open-in-new" class="w-5 h-5 text-white" />
+          </a>
+        </div>
       </ModalBody>
   </Modal>
 </template>