This commit is contained in:
Vanessa 2023-10-30 16:08:24 +08:00
parent 9d86d64d87
commit e74a7dee33
2 changed files with 5 additions and 6 deletions

View file

@ -304,10 +304,9 @@ export class Background {
} else if (type === "asset") {
const rect = target.getBoundingClientRect();
protyle.toolbar.showAssets(protyle, {
x: rect.right,
y: rect.bottom,
w: target.parentElement.clientWidth + 8,
h: rect.height
x: rect.right - 798,
y: rect.bottom + 8,
isLeft: false,
}, (url) => {
this.ial["title-img"] = `background-image:url("${url}")`;
this.render(this.ial, protyle.block.rootID);

View file

@ -1547,7 +1547,7 @@ export class Toolbar {
this.subElement.style.width = "";
this.subElement.style.padding = "";
this.subElement.innerHTML = `<div style="max-height:50vh" class="fn__flex">
<div class="fn__flex-column" style="${isMobile() ? "width:100%" : "min-width: 260px;max-width:50vw"}">
<div class="fn__flex-column" style="${isMobile() ? "width:100%" : "min-width: 260px;max-width:420px"}">
<div class="fn__flex" style="margin: 0 8px 4px 8px">
<input class="b3-text-field fn__flex-1"/>
<span class="fn__space"></span>
@ -1557,7 +1557,7 @@ export class Toolbar {
</div>
<div class="b3-list fn__flex-1 b3-list--background" style="position: relative"><img style="margin: 0 auto;display: block;width: 64px;height: 64px" src="/stage/loading-pure.svg"></div>
</div>
<div style="width: 260px;display: ${isMobile() || window.outerWidth < window.outerWidth / 2 + 260 ? "none" : "flex"};padding: 8px;overflow: auto;justify-content: center;align-items: center;"></div>
<div style="width: 360px;display: ${isMobile() || window.outerWidth < window.outerWidth / 2 + 260 ? "none" : "flex"};padding: 8px;overflow: auto;justify-content: center;align-items: center;word-break: break-all;"></div>
</div>`;
const listElement = this.subElement.querySelector(".b3-list");
const previewElement = this.subElement.firstElementChild.lastElementChild;