Skip to content

Commit c895a1d

Browse files
fix: aggressively downscale certificate on mobile
Reduce the mobile certificate scale range and increase wrapper padding so the preview appears much smaller with more surrounding whitespace. Made-with: Cursor
1 parent 00a3c91 commit c895a1d

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

src/app/globals.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -601,7 +601,7 @@ a.subpage-inline-mail {
601601

602602
@media (max-width: 640px) {
603603
/* Scale only the fixed canvas visually; layout stays pixel-locked. */
604-
:root { --cert-ui-scale: clamp(0.28, calc((100vw - 108px) / 794), 0.36); }
604+
:root { --cert-ui-scale: clamp(0.20, calc((100vw - 148px) / 794), 0.30); }
605605
}
606606

607607
/* ── Mobile ── */
@@ -615,7 +615,7 @@ a.subpage-inline-mail {
615615
.certificate-scroll-zone {
616616
width: 100%;
617617
margin-left: 0;
618-
padding: 8px 20px 0;
618+
padding: 14px 28px 0;
619619
box-sizing: border-box;
620620
overflow-x: hidden;
621621
}

0 commit comments

Comments
 (0)