fix(shopfloor): bigger logo frame on the tablet lock screen

User feedback after live testing: the 84px logo frame felt too small
and the image inside used only a fraction of the frame area.

Bumped the frame to 140px (1.67x) — image scales with the container
via the existing max-width/max-height: 100% rule. Proportional
adjustments to padding (14→18), border-radius (20→28), margin-bottom
(12→16), and the letter-mark placeholder font (32→52).

SCSS-only change. Asset cache cleared (3 stale attachments).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsinghpal
2026-05-23 22:06:17 -04:00
parent 772107d25b
commit 818dfa3882

View File

@@ -30,10 +30,10 @@
.o_fp_lock_logo_frame {
display: inline-flex; align-items: center; justify-content: center;
width: 84px; height: 84px;
border-radius: 20px;
margin-bottom: 12px;
padding: 14px;
width: 140px; height: 140px;
border-radius: 28px;
margin-bottom: 16px;
padding: 18px;
box-sizing: border-box;
background: $lock-frame-bg;
border: 1px solid $lock-frame-border;
@@ -48,10 +48,10 @@
}
.o_fp_lock_logo_placeholder {
width: 100%; height: 100%; border-radius: 14px;
width: 100%; height: 100%; border-radius: 20px;
background: linear-gradient(135deg, #f0a500, #ff6b00);
display: inline-flex; align-items: center; justify-content: center;
font-size: 32px; font-weight: 900; color: #1a1d21;
font-size: 52px; font-weight: 900; color: #1a1d21;
}
.o_fp_lock_logo_text {