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). */ with the welcome step (same trigger as the logo above it). */
.welcome-backer { .welcome-backer {
position: fixed; position: fixed;
/* welcome-logo is centred at top:50% with width 280px and h:~46px, /* Sits below the fixed welcome-logo. The logo renders ~70px tall
so the bottom edge is ~50% + 23px. This sits ~22px below that. */ at width:280px, so its bottom edge is ~50% + 35px; this sits
top: calc(50% + 45px); 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%; left: 75%;
transform: translate(-50%, 0); transform: translate(-28%, 0);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;