nucleo000/printerCentral
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Corregir centrado de texto con transform en preview
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 36s
Details

Browse Source 
- Eliminar transform-origin: top left de font-b rules
- Agregar transform-origin: center para líneas centradas con transforms
- Soluciona alineación incorrecta en templates como Nota de Comercio
This commit is contained in:
josedario87
2025-11-26 19:41:39 -06:00
parent b2f3e7a0bb
commit 4714bac31a
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/components/preview/PaperSimulator.vue
View File

@@ -149,13 +149,21 @@ function handleVariableClick(segment: TextSegment) {
/* Font B con doble alto */ /* Font B con doble alto */
.line-content.font-b.text-double-height { .line-content.font-b.text-double-height {
transform: scaleX(0.825) scaleY(2); transform: scaleX(0.825) scaleY(2);
transform-origin: top left;
} }
/* Font B con doble ancho Y alto */ /* Font B con doble ancho Y alto */
.line-content.font-b.text-double-width.text-double-height { .line-content.font-b.text-double-width.text-double-height {
transform: scale(1.65, 2); transform: scale(1.65, 2);
transform-origin: top left; }
/* Transform origin para líneas centradas - permite que scale funcione correctamente con flexbox center */
.align-center .line-content.font-b.text-double-width,
.align-center .line-content.font-b.text-double-height,
.align-center .line-content.font-b.text-double-width.text-double-height,
.align-center .line-content.text-double-width,
.align-center .line-content.text-double-height,
.align-center .line-content.text-double-width.text-double-height {
transform-origin: center;
} }
/* Línea vacía (feed) */ /* Línea vacía (feed) */