fix: improve logo alignment and reduce focus area padding
All checks were successful
CI / update (push) Successful in 1m11s
All checks were successful
CI / update (push) Successful in 1m11s
- 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:
@@ -100,6 +100,7 @@ nav{
|
||||
align-items: center;
|
||||
box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4);
|
||||
height: 4rem;
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
nav[hidden]{
|
||||
display:block;
|
||||
@@ -324,7 +325,7 @@ footer{
|
||||
</div>
|
||||
</div>
|
||||
<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">
|
||||
{@render links?.()}
|
||||
<div class="active-underline" class:no-transition={disableTransition} style="left: {underlineLeft}px; width: {underlineWidth}px;"></div>
|
||||
|
||||
Reference in New Issue
Block a user