fix(seasonal): Earth Day globe clears the composer strip
Fixes #72 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01PPmy3tPq869XDW4njjVaKA
This commit is contained in:
@@ -183,15 +183,17 @@ export function EarthDayOverlay({ reduced }: SeasonalOverlayProps) {
|
|||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* ── Blue-marble Earth tucked into the bottom-right corner ── */}
|
{/* ── Blue-marble Earth tucked into the bottom-right corner ──
|
||||||
|
Kept above the composer strip: bottom offset + size keep the
|
||||||
|
globe's footprint within the top ~90% of the viewport. ── */}
|
||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style={{
|
style={{
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
right: '-6%',
|
right: '-4%',
|
||||||
bottom: '-10%',
|
bottom: '10%',
|
||||||
width: '300px',
|
width: '200px',
|
||||||
height: '300px',
|
height: '200px',
|
||||||
contain: 'layout paint style',
|
contain: 'layout paint style',
|
||||||
willChange: reduced ? undefined : 'transform, opacity',
|
willChange: reduced ? undefined : 'transform, opacity',
|
||||||
transform: reduced ? 'scale(1.02)' : undefined,
|
transform: reduced ? 'scale(1.02)' : undefined,
|
||||||
|
|||||||
Reference in New Issue
Block a user