diff options
Diffstat (limited to 'packages/website/ts/@next/components/layout.tsx')
-rw-r--r-- | packages/website/ts/@next/components/layout.tsx | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx index bba21d593..ce15bd2b3 100644 --- a/packages/website/ts/@next/components/layout.tsx +++ b/packages/website/ts/@next/components/layout.tsx @@ -33,6 +33,7 @@ interface WrapProps extends PaddingInterface { interface ColumnProps { colWidth?: '1/4' | '1/3' | '1/2' | '2/3'; isNoPadding?: boolean; + isNoMargin?: boolean; isPadLarge?: boolean; isFlexGrow?: boolean; isMobileCentered?: boolean; @@ -44,6 +45,10 @@ interface GetColWidthArgs { columns: number; } +export interface WrapStickyInterface { + offsetTop?: string; +} + const _getColumnWidth = (args: GetColWidthArgs): string => { const { span = 1, columns } = args; const percentWidth = (span / columns) * 100; @@ -126,7 +131,7 @@ export const WrapCentered = styled(WrapBase)` text-align: center; `; -export const WrapSticky = styled.div` +export const WrapSticky = styled.div<WrapStickyInterface>` position: sticky; top: ${props => props.offsetTop || '60px'}; `; |