diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 0703968..07db64d 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -205,9 +205,6 @@ {/each} -
{/if} {#if sessionReady && secondary.length}{/if} @@ -266,7 +263,7 @@ main.auth-main { max-width:520px; padding-top:16px; } .viewer-note { display:flex; gap:8px 16px; flex-wrap:wrap; padding:14px 18px; margin-bottom:24px; border:1px solid var(--border-subtle); border-radius:var(--radius-md); background:var(--surface); font-size:var(--text-sm); color:var(--text-secondary); } .viewer-note strong { color:var(--text-primary); } .account-menu { position:relative; } - .header-actions { order:3; display:flex; align-items:center; gap:var(--space-2); margin-left:auto; } + .header-actions { order:2; display:flex; align-items:center; gap:var(--space-2); margin-left:auto; } .account-button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid var(--border-strong); border-radius:50%; background:color-mix(in oklab, var(--accent-primary) 12%, var(--surface)); color:var(--accent-primary-hover); font:inherit; font-weight:var(--weight-semibold); cursor:pointer; transition:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard); } .account-button:hover,.account-button[aria-expanded='true'] { background:var(--surface-raised); border-color:var(--accent-primary-hover); } .account-name { padding:8px 12px 12px; margin-bottom:4px; border-bottom:1px solid var(--border-subtle); color:var(--text-secondary); font-size:var(--text-sm); overflow-wrap:anywhere; } @@ -335,8 +332,6 @@ view-transition-name: nav-active; } - .nav-tools { order: 2; display: flex; align-items: center; gap: 6px; margin-left: auto; } - .utility { background: var(--surface-raised); color: var(--text-secondary); border: 1px solid var(--border-strong); padding: 8px 10px; border-radius: var(--radius-md); cursor: pointer; font: inherit; font-size: var(--text-xs); white-space: nowrap; } .shortcuts { display: grid; gap: 12px; margin: 0; } .shortcuts > div { display: flex; gap: 20px; align-items: center; } .shortcuts dt { min-width: 55px; } @@ -380,10 +375,8 @@ } .menu-toggle:focus-visible { box-shadow: var(--focus-ring); } .tabs { display: none; width: 100%; margin: 0; } - .tabs.expanded { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); padding: var(--space-3) 0 4px; max-height:calc(100dvh - 128px - env(safe-area-inset-top)); overflow-y:auto; } + .tabs.expanded { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); padding: var(--space-3) 0 4px; max-height:calc(100dvh - 72px - env(safe-area-inset-top)); overflow-y:auto; } .tabs a { display: flex; align-items: center; min-height: 44px; border-radius: var(--radius-md); } - .nav-tools { display: none; } - .nav-tools.expanded { display: flex; width: 100%; padding-top: 8px; } } @media (max-width: 400px) { .menu-label { display:none; }