style: Reduce site logo gap and split 'How Do You' text into individual spans.

This commit is contained in:
Ben
2026-03-08 14:01:36 -07:00
parent 2794835590
commit 0114e00618
2 changed files with 2 additions and 2 deletions

View File

@@ -357,7 +357,7 @@ a:focus-visible {
.site-logo { .site-logo {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.3rem;
text-decoration: none; text-decoration: none;
color: var(--text); color: var(--text);
font-weight: 800; font-weight: 800;

View File

@@ -481,7 +481,7 @@
</button> </button>
{/if} {/if}
<a href="/" class="site-logo"> <a href="/" class="site-logo">
<span>How Do You</span><span class="logo-accent">Convert</span><span class="logo-domain">.com</span> <span>How</span><span>Do</span><span>You</span><span class="logo-accent">Convert</span><span class="logo-domain">.com</span>
</a> </a>
</div> </div>
<div class="header-right"> <div class="header-right">