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

Fit full 1920x1080 page inside graphics preview iframe

Browse Source
This commit is contained in:
Pandipipas
2026-02-14 18:45:14 +01:00
parent a7c3589941
commit 9e08a5170b
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/dashboard/scoreko-dev/views/Graphics.vue
+5 -2
View File
@@ -176,6 +176,7 @@ const onDragStart = (event: DragEvent, graphic: GraphicConfig) => {
.graphics-preview__frame-wrap { .graphics-preview__frame-wrap {
width: 100%; width: 100%;
aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
container-type: inline-size;
border-radius: 8px; border-radius: 8px;
border: 1px solid rgb(255 255 255 / 12%); border: 1px solid rgb(255 255 255 / 12%);
background: background:
@@ -190,8 +191,10 @@ const onDragStart = (event: DragEvent, graphic: GraphicConfig) => {
} }
.graphics-preview__frame { .graphics-preview__frame {
width: 100%; width: 1920px;
height: 100%; height: 1080px;
border: 0; border: 0;
transform: scale(calc(100cqw / 1920));
transform-origin: top left;
} }
</style> </style>