pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(common): multiline confirmation modal text

Browse Source
This commit is contained in:
Stevan
2026-01-30 23:57:37 +01:00
parent c2101453bd
commit c5b3e0ad7d
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/components/Common/ConfirmationModal.vue
View File

@@ -11,7 +11,8 @@ const BG_HEIGHT = assets.images.common.confirmationModal.rect.height;
const BG_X = Math.floor((LOGICAL_WIDTH - BG_WIDTH) / 2);
const BG_Y = Math.floor((LOGICAL_HEIGHT - BG_HEIGHT) / 2);
const TEXT_Y = BG_Y + Math.floor(BG_HEIGHT / 2) - 8 - 16 + 2 + 2;
const LINE_HEIGHT = 15;
const MAX_LINES = 3;
const BOTTOM_BAR_HEIGHT = 24;
const CLIP_HEIGHT = LOGICAL_HEIGHT - BOTTOM_BAR_HEIGHT;
@@ -41,7 +42,19 @@ onRender((ctx) => {
ctx.textBaseline = "top";
ctx.fillStyle = "#ffffff";
fillTextCentered(ctx, confirmationModal.text, BG_X, TEXT_Y, BG_WIDTH);
const lines = confirmationModal.text.split("\n").slice(0, MAX_LINES);
const totalTextHeight = lines.length * LINE_HEIGHT;
const textStartY = BG_Y + Math.floor((BG_HEIGHT - totalTextHeight) / 2) - 2;
for (let i = 0; i < lines.length; i++) {
fillTextHCentered(
ctx,
lines[i]!,
BG_X,
textStartY + i * LINE_HEIGHT,
BG_WIDTH,
);
}
}, 100);
onUnmounted(() => {