LinkDetail: fix safari styling

This commit is contained in:
Liam Fitzgerald 2021-07-02 14:12:05 +10:00
parent 604abff769
commit 8cdda7c1f4
No known key found for this signature in database
GPG Key ID: D390E12C61D1CFFB
2 changed files with 2 additions and 1 deletions

View File

@ -21,7 +21,7 @@ export function LinkDetail(props: LinkDetailProps) {
return (
/* @ts-ignore indio props?? */
<Row height="100%" width="100%" flexDirection={['column', 'column', 'row']} {...rest}>
<LinkBlockItem minWidth="0" minHeight="0" maxHeight={['50%', '50%', '100%']} maxWidth={['100%', '100%', 'calc(100% - 350px)']} flexGrow={1} border={0} node={node} />
<LinkBlockItem minWidth="0" minHeight="0" height={['50%', '50%', '100%']} width={['100%', '100%', 'calc(100% - 350px)']} flexGrow={0} border={0} node={node} />
<Col
minHeight="0"
flexShrink={0}

View File

@ -184,6 +184,7 @@ const EmbedBox = styled.div<{ aspect?: number; iHeight?: number; iWidth?: number
width: max-content;
height: max-content;
max-height: 100%;
max-width: 100%;
flex-grow: 1;
` : `