joh/customer-presentation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

entrance: nudge welcome-backer down and right, clear the logo

Browse source 
welcome-backer was overlapping the bottom of the fenja wordmark
now that the Innovationsfonden SVG grew to 24px (taller row, lower
visual centre). top bumped from +45px to +80px below viewport
mid, and transform translate from -50% to -28% so the block sits
slightly right of the logo's centreline instead of under it.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Arlind Ukshini 2026-04-24 11:02:40 +02:00
parent 789f1bbb17
commit 010ed1492f
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
public/entrance.html
View file

@ -153,11 +153,15 @@
with the welcome step (same trigger as the logo above it). */
.welcome-backer {
position: fixed;
/* welcome-logo is centred at top:50% with width 280px and h:~46px,
so the bottom edge is ~50% + 23px. This sits ~22px below that. */
top: calc(50% + 45px);
/* Sits below the fixed welcome-logo. The logo renders ~70px tall
at width:280px, so its bottom edge is ~50% + 35px; this sits
clear of that with enough breathing room not to crowd the
wordmark. Horizontal nudge via the transform pushes the block
slightly right of the logo's centreline so it reads as a
support line rather than a baseline caption. */
top: calc(50% + 80px);
left: 75%;
transform: translate(-50%, 0);
transform: translate(-28%, 0);
display: inline-flex;
align-items: center;
gap: 10px;