diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2025-03-24 21:55:05 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-03-24 12:55:05 -0700 |
| commit | 412b10742006df48dbde99414453c335f62942b6 (patch) | |
| tree | 8545dc325a7a532f4df3b42468c667639e3bcd3e /src/view/shell/desktop | |
| parent | 1b8719293c1f0a3ef351445bdd9c19566f8d6342 (diff) | |
| download | voidsky-412b10742006df48dbde99414453c335f62942b6.tar.zst | |
Extract center column offset, reduce by 20px (#7974)
* extract offset, reduce by 20px * move constant to `Layout/const.ts`
Diffstat (limited to 'src/view/shell/desktop')
| -rw-r--r-- | src/view/shell/desktop/LeftNav.tsx | 6 | ||||
| -rw-r--r-- | src/view/shell/desktop/RightNav.tsx | 3 |
2 files changed, 7 insertions, 2 deletions
diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx index 23e1d8ea2..06a9b05c3 100644 --- a/src/view/shell/desktop/LeftNav.tsx +++ b/src/view/shell/desktop/LeftNav.tsx @@ -69,6 +69,7 @@ import { UserCircle_Filled_Corner0_Rounded as UserCircleFilled, UserCircle_Stroke2_Corner0_Rounded as UserCircle, } from '#/components/icons/UserCircle' +import {CENTER_COLUMN_OFFSET} from '#/components/Layout' import * as Menu from '#/components/Menu' import * as Prompt from '#/components/Prompt' import {Text} from '#/components/Typography' @@ -559,7 +560,10 @@ export function DesktopLeftNav() { leftNavMinimal && styles.leftNavMinimal, { transform: [ - {translateX: centerColumnOffset ? -450 : -300}, + { + translateX: + -300 + (centerColumnOffset ? CENTER_COLUMN_OFFSET : 0), + }, {translateX: '-100%'}, ...a.scrollbar_offset.transform, ], diff --git a/src/view/shell/desktop/RightNav.tsx b/src/view/shell/desktop/RightNav.tsx index 510d505cd..59f7ce2a1 100644 --- a/src/view/shell/desktop/RightNav.tsx +++ b/src/view/shell/desktop/RightNav.tsx @@ -19,6 +19,7 @@ import { } from '#/alf' import {AppLanguageDropdown} from '#/components/AppLanguageDropdown' import {Divider} from '#/components/Divider' +import {CENTER_COLUMN_OFFSET} from '#/components/Layout' import {InlineLinkText} from '#/components/Link' import {ProgressGuideList} from '#/components/ProgressGuide/List' import {Text} from '#/components/Typography' @@ -66,7 +67,7 @@ export function DesktopRightNav({routeName}: {routeName: string}) { position: 'fixed', left: '50%', transform: [ - {translateX: centerColumnOffset ? 150 : 300}, + {translateX: 300 + (centerColumnOffset ? CENTER_COLUMN_OFFSET : 0)}, ...a.scrollbar_offset.transform, ], width: 300 + gutters.paddingLeft, |