Pandipipas/scoreko-dev
1
0
Fork 0
mirror of https://github.com/Pandipipas/scoreko-dev.git synced 2026-06-06 03:32:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Center and outzoom graphics iframe previews to avoid clipping

Browse Source
This commit is contained in:
Pandipipas
2026-02-14 18:49:32 +01:00
parent 9e08a5170b
commit be792f030e
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/dashboard/scoreko-dev/views/Graphics.vue
+9 -4
View File
@@ -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>