ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-02 07:06:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

interface: increase size of embeds

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pkg/interface/src/views/apps/chat/ChatResource.tsx
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;

10
pkg/interface/src/views/apps/chat/css/custom.css
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 {

4
pkg/interface/src/views/components/RemoteContent.tsx
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}
@ -197,7 +197,7 @@ class RemoteContent extends PureComponent<RemoteContentProps, RemoteContentState
);
} else {
return renderUrl
? this.wrapInLink(<Text {...textProps}>{text || url}</Text>)
? this.wrapInLink(<Text {...textProps}>{text || url}</Text>)
: null;
}
}