From be792f030e3a7c40be1b2696b85d4d2c7ce65526 Mon Sep 17 00:00:00 2001
From: Pandipipas <62224708+Pandipipas@users.noreply.github.com>
Date: Sat, 14 Feb 2026 18:49:32 +0100
Subject: [PATCH] Center and outzoom graphics iframe previews to avoid clipping

---
 src/dashboard/scoreko-dev/views/Graphics.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/dashboard/scoreko-dev/views/Graphics.vue b/src/dashboard/scoreko-dev/views/Graphics.vue
index a351c4d..b99440f 100644
--- a/src/dashboard/scoreko-dev/views/Graphics.vue
+++ b/src/dashboard/scoreko-dev/views/Graphics.vue
@@ -188,13 +188,18 @@ const onDragStart = (event: DragEvent, graphic: GraphicConfig) => {
   background-size: 20px 20px;
   background-position: 0 0, 0 10px, 10px -10px, -10px 0;
   overflow: hidden;
+  position: relative;
 }
 
 .graphics-preview__frame {
-  width: 1920px;
-  height: 1080px;
+  --preview-zoom: 0.85;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: calc(100% / var(--preview-zoom));
+  height: calc(100% / var(--preview-zoom));
   border: 0;
-  transform: scale(calc(100cqw / 1920));
-  transform-origin: top left;
+  transform: translate(-50%, -50%) scale(var(--preview-zoom));
+  transform-origin: center;
 }
 </style>