diff --git a/package.json b/package.json index f880366..70ed133 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "tallynote", - "version": "1.1.12", + "version": "1.1.13", "private": true, "type": "module", "packageManager": "pnpm@9.0.6", diff --git a/web-next/src/styles/theme.css b/web-next/src/styles/theme.css index 083e61b..c66b03a 100644 --- a/web-next/src/styles/theme.css +++ b/web-next/src/styles/theme.css @@ -134,7 +134,18 @@ input:focus-visible, textarea:focus-visible, select:focus-visible { .tn-user-dropdown-identity { display: grid; gap: 3px; margin: 2px 4px 6px; padding: 8px 9px 10px; border-bottom: 1px solid var(--tn-border-subtle); } .tn-user-dropdown-identity strong { color: var(--tn-text); font-size: 13px; } .tn-user-dropdown-identity span { overflow: hidden; color: var(--tn-text-secondary); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; } -.tn-menu-logo { display: flex; width: 100%; height: 64px; align-items: center; justify-content: center; color: var(--tn-navy-900); } +.tn-menu-logo { + /* TDesign adds a left margin to every direct logo child. The logo owns + its full-width centering, so that default inset makes the wordmark look + visibly shifted to the right in both expanded and collapsed menus. */ + display: flex; + width: 100%; + height: 64px; + margin-left: 0 !important; + align-items: center; + justify-content: center; + color: var(--tn-navy-900); +} .tn-logo-full { font-size: 18px; font-weight: 750; letter-spacing: .01em; } .tn-logo-short { color: var(--tn-blue-700); font-size: 16px; font-weight: 800; letter-spacing: .04em; } .tn-menu-icon { flex: 0 0 20px; width: 20px; height: 20px; margin-right: 10px; }