aboutsummaryrefslogtreecommitdiffstats
path: root/packages
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-11-29 16:58:08 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-11-29 16:58:08 +0800
commit9b794c00eab124b499ab6c8c9ec1cccc8e09546b (patch)
tree3f6488a126663d7e31442ecfcb1f03d502977d61 /packages
parent03289293c3331735287346d9e1582474c2ee2f49 (diff)
downloaddexon-sol-tools-9b794c00eab124b499ab6c8c9ec1cccc8e09546b.tar
dexon-sol-tools-9b794c00eab124b499ab6c8c9ec1cccc8e09546b.tar.gz
dexon-sol-tools-9b794c00eab124b499ab6c8c9ec1cccc8e09546b.tar.bz2
dexon-sol-tools-9b794c00eab124b499ab6c8c9ec1cccc8e09546b.tar.lz
dexon-sol-tools-9b794c00eab124b499ab6c8c9ec1cccc8e09546b.tar.xz
dexon-sol-tools-9b794c00eab124b499ab6c8c9ec1cccc8e09546b.tar.zst
dexon-sol-tools-9b794c00eab124b499ab6c8c9ec1cccc8e09546b.zip
Quick test responsive cols
Diffstat (limited to 'packages')
-rw-r--r--packages/website/ts/@next/components/layout.tsx12
1 files changed, 9 insertions, 3 deletions
diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx
index c25981ed6..81ae43db7 100644
--- a/packages/website/ts/@next/components/layout.tsx
+++ b/packages/website/ts/@next/components/layout.tsx
@@ -77,12 +77,18 @@ export const Wrap = styled.div<WrapProps>`
max-width: ${props => WRAPPER_WIDTHS[props.width || 'default']};
background-color: ${props => props.bgColor};
margin: 0 auto;
- display: flex;
- justify-content: space-between;
+
+ @media (min-width: 768px) {
+ display: flex;
+ justify-content: space-between;
+ }
`;
export const Column = styled.div<ColumnProps>`
- width: ${props => props.colWidth ? COLUMN_WIDTHS[props.colWidth] : '100%'};
padding: ${props => !props.noPadding && '30px'};
border: 1px dotted rgba(255, 0, 0, 0.3);
+
+ @media (min-width: 768px) {
+ width: ${props => props.colWidth ? COLUMN_WIDTHS[props.colWidth] : '100%'};
+ }
`;