greatbody
/
logseq
mirror of https://github.com/logseq/logseq
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

size issue

pull/6345/head
Peng Xiao 2022-07-26 10:49:48 +08:00
parent b397ee097f
commit f73a7c3e87
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
tldraw/apps/tldraw-logseq/src/lib/shapes/HTMLShape.tsx
View File

@ -26,12 +26,8 @@ export class HTMLShape extends TLBoxShape<HTMLShapeProps> {
html: '',
}
aspectRatio = 480 / 853
canChangeAspectRatio = false
canChangeAspectRatio = true
canFlip = false
canEdit = true
ReactComponent = observer(({ events, isErasing, isEditing }: TLComponentProps) => {
@ -48,6 +44,7 @@ export class HTMLShape extends TLBoxShape<HTMLShapeProps> {
{...events}
>
<div
className='html-container'
style={{
width: '100%',
height: '100%',
@ -73,8 +70,8 @@ export class HTMLShape extends TLBoxShape<HTMLShapeProps> {
validateProps = (props: Partial<HTMLShapeProps>) => {
if (props.size !== undefined) {
props.size[0] = Math.max(props.size[0], 1)
props.size[1] = Math.max(props.size[0] * this.aspectRatio, 1)
props.size[0] = Math.max(props.size[0], 120)
props.size[1] = Math.max(props.size[1], 80)
}
return withClampedStyles(props)
}

5
tldraw/apps/tldraw-logseq/src/styles.css
View File

@ -614,3 +614,8 @@ html[data-theme='light'] .logseq-tldraw .tl-logseq-portal-header {
html[data-theme='dark'] .logseq-tldraw .tl-logseq-portal-header {
backdrop-filter: brightness(1.2);
}
.logseq-tldraw .html-container > iframe {
height: 100% !important;
width: 100% !important;
}