+2 -2

src/alf/breakpoints.ts

··· 31 31 * Fine-tuned breakpoints for the shell layout 32 32 */ 33 33 export function useLayoutBreakpoints() { 34 34 - const rightNavVisible = useMediaQuery({minWidth: 1075}) 35 35 - const centerColumnOffset = useMediaQuery({minWidth: 1075, maxWidth: 1300}) 34 34 + const rightNavVisible = useMediaQuery({minWidth: 1100}) 35 35 + const centerColumnOffset = useMediaQuery({minWidth: 1100, maxWidth: 1300}) 36 36 const leftNavMinimal = useMediaQuery({maxWidth: 1300}) 37 37 38 38 return {

+1 -1

src/components/Layout/const.ts

··· 18 18 /** 19 19 * How far to shift the center column when in the tablet breakpoint 20 20 */ 21 21 - export const CENTER_COLUMN_OFFSET = -130 21 21 + export const CENTER_COLUMN_OFFSET = -105

+6 -2

src/view/shell/desktop/RightNav.tsx

··· 58 58 return null 59 59 } 60 60 61 61 + const width = centerColumnOffset ? 250 : 300 62 62 + 61 63 return ( 62 64 <View 63 65 style={[ ··· 67 69 position: 'fixed', 68 70 left: '50%', 69 71 transform: [ 70 70 - {translateX: 300 + (centerColumnOffset ? CENTER_COLUMN_OFFSET : 0)}, 72 72 + { 73 73 + translateX: 300 + (centerColumnOffset ? CENTER_COLUMN_OFFSET : 0), 74 74 + }, 71 75 ...a.scrollbar_offset.transform, 72 76 ], 73 73 - width: 300 + gutters.paddingLeft, 77 77 + width: width + gutters.paddingLeft, 74 78 maxHeight: '100%', 75 79 overflowY: 'auto', 76 80 }),