14 lines
557 B
TypeScript
14 lines
557 B
TypeScript
/* eslint-disable twenty/styled-components-prefixed-with-styled */
|
|
import styled from '@emotion/styled';
|
|
|
|
import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
|
|
|
|
export const ShowPageContainer = styled.div`
|
|
display: flex;
|
|
flex-direction: ${() => (useIsMobile() ? 'column' : 'row')};
|
|
gap: ${({ theme }) => (useIsMobile() ? theme.spacing(3) : '0')};
|
|
height: ${() => (useIsMobile() ? '100%' : 'auto')};
|
|
overflow-x: ${() => (useIsMobile() ? 'hidden' : 'auto')};
|
|
width: ${() => (useIsMobile() ? `calc(100% - 2px);` : '100%')};
|
|
`;
|