aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/layout.tsx
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-12 20:08:52 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-12 20:08:52 +0800
commit088ca6ce7cb36b26981c719460f01f3da6e00198 (patch)
tree56ebc78d3f2a8ec2aa833e989d82756e08954e42 /packages/website/ts/@next/components/layout.tsx
parent5df160ffb9099a0d27415a21650fa93f687ea8e3 (diff)
downloaddexon-sol-tools-088ca6ce7cb36b26981c719460f01f3da6e00198.tar.gz
dexon-sol-tools-088ca6ce7cb36b26981c719460f01f3da6e00198.tar.zst
dexon-sol-tools-088ca6ce7cb36b26981c719460f01f3da6e00198.zip
Added a bunch of types
Diffstat (limited to 'packages/website/ts/@next/components/layout.tsx')
-rw-r--r--packages/website/ts/@next/components/layout.tsx7
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'};
`;