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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user