Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve logo alignment and reduce focus area padding
All checks were successful
CI / update (push) Successful in 1m11s
Details

Browse Source 
- Removed 'entry' class from desktop logo to match mobile implementation
- Added left padding to nav for consistent logo alignment across viewports
- Reduces excessive padding when tabbing through logo links
This commit is contained in:
Alexander Bocken
2026-01-05 22:33:28 +01:00
parent 9cec69af10
commit 6b3aed582e
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/components/Header.svelte
View File

@@ -100,6 +100,7 @@ nav{
align-items: center; align-items: center;
box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4); box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4);
height: 4rem; height: 4rem;
padding-left: 0.5rem;
} }
nav[hidden]{ nav[hidden]{
display:block; display:block;
@@ -324,7 +325,7 @@ footer{
</div> </div>
</div> </div>
<nav hidden class=nav_site> <nav hidden class=nav_site>
<a class=entry href="/" aria-label="Home"><Symbol></Symbol></a> <a href="/" aria-label="Home"><Symbol></Symbol></a>
<div class="links-wrapper"> <div class="links-wrapper">
{@render links?.()} {@render links?.()}
<div class="active-underline" class:no-transition={disableTransition} style="left: {underlineLeft}px; width: {underlineWidth}px;"></div> <div class="active-underline" class:no-transition={disableTransition} style="left: {underlineLeft}px; width: {underlineWidth}px;"></div>