Various layout fixes so that RPL v1 look the same as production version (#17195)

> [!WARNING]
> Most of the quick fixes will be dropped once we release the feature
and deprecate the old show pages code.

This PR fixes padding and alignment issues so that the new Record Page
Layout feature looks like the old show pages.

## This PR

<img width="3456" height="2160" alt="CleanShot 2026-01-16 at 17 24
40@2x"
src="https://github.com/user-attachments/assets/f3640553-2316-498c-8dd0-14b09ed913f1"
/>

<img width="3456" height="2160" alt="CleanShot 2026-01-16 at 17 27
14@2x"
src="https://github.com/user-attachments/assets/c4ccb28f-5629-4e68-83ad-863f21066962"
/>


## The production

<img width="3456" height="2160" alt="CleanShot 2026-01-16 at 17 25
11@2x"
src="https://github.com/user-attachments/assets/a91f7216-0b57-404b-9f9d-f6f45d4858d6"
/>

<img width="3456" height="2234" alt="CleanShot 2026-01-16 at 17 27
19@2x"
src="https://github.com/user-attachments/assets/aaf1ee6b-b323-4844-9f1a-a59807cdbe40"
/>
This commit is contained in:
Baptiste Devessier
2026-01-16 18:06:34 +01:00
committed by GitHub
parent 8a27c4987d
commit 5bcbe43596
15 changed files with 189 additions and 59 deletions
@@ -0,0 +1,19 @@
import { type PageLayoutVerticalListViewerVariant } from '@/page-layout/types/PageLayoutVerticalListViewerVariant';
type GetPageLayoutVerticalListViewerVariantParams = {
isInPinnedTab: boolean;
isMobile: boolean;
isInRightDrawer: boolean;
};
export const getPageLayoutVerticalListViewerVariant = ({
isInPinnedTab,
isMobile,
isInRightDrawer,
}: GetPageLayoutVerticalListViewerVariantParams): PageLayoutVerticalListViewerVariant => {
if (isInPinnedTab || isMobile || isInRightDrawer) {
return 'side-column';
}
return 'default';
};