interface: increase size of embeds

This commit is contained in:
Matilde Park 2021-02-11 13:39:10 -05:00
parent 16d83d97ab
commit ba839646c8
3 changed files with 13 additions and 3 deletions

View File

@ -16,6 +16,8 @@ import { Loading } from '~/views/components/Loading';
import useS3 from '~/logic/lib/useS3';
import { isWriter, resourceFromPath } from '~/logic/lib/group';
import './css/custom.css';
type ChatResourceProps = StoreState & {
association: Association;
api: GlobalApi;

View File

@ -95,8 +95,16 @@ h2 {
font-family: "Inter", sans-serif;
}
.embed-container {
width: 100%;
height: 14rem;
}
.embed-container iframe {
max-width: 100%;
max-width: 24rem;
width: 100%;
height: 100%;
max-height: 26rem;
}
.mh-16 {

View File

@ -188,7 +188,7 @@ class RemoteContent extends PureComponent<RemoteContentProps, RemoteContentState
>
{this.state.embed && this.state.embed.html && this.state.unfold
? <EmbedContainer markup={this.state.embed.html}>
<div ref={el => { this.containerRef = el; }}
<div className="embed-container" ref={el => { this.containerRef = el; }}
dangerouslySetInnerHTML={{__html: this.state.embed.html}}></div>
</EmbedContainer>
: null}