tea/browsertrix
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #801 from webrecorder/frontend-replay-padding-removal

Browse Source
This commit is contained in:
Henry Wilkinson 2023-05-01 15:35:39 -04:00 committed by GitHub
commit 5957e0877b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/pages/org/crawl-detail.ts
View File

@ -451,6 +451,18 @@ export class CrawlDetail extends LiteElement {
} }
private renderPanel(title: any, content: any) { private renderPanel(title: any, content: any) {
let panelContainer;
switch (this.sectionName) {
case "replay":
panelContainer = html`
<div class="flex-1 rounded-lg border overflow-hidden">${content}</div>
`;
break;
default:
panelContainer = html`
<div class="flex-1 rounded-lg border p-5">${content}</div>
`;
}
return html` return html`
<h2 <h2
id="exclusions" id="exclusions"
@ -458,7 +470,7 @@ export class CrawlDetail extends LiteElement {
> >
${title} ${title}
</h2> </h2>
<div class="flex-1 rounded-lg border p-5">${content}</div> ${panelContainer}
`; `;
} }
@ -545,10 +557,7 @@ export class CrawlDetail extends LiteElement {
<!-- https://github.com/webrecorder/browsertrix-crawler/blob/9f541ab011e8e4bccf8de5bd7dc59b632c694bab/screencast/index.html --> <!-- https://github.com/webrecorder/browsertrix-crawler/blob/9f541ab011e8e4bccf8de5bd7dc59b632c694bab/screencast/index.html -->
${ ${
canReplay canReplay
? html`<div ? html`<div id="replay-crawl" class="aspect-4/3 overflow-hidden">
id="replay-crawl"
class="aspect-4/3 rounded border overflow-hidden"
>
<replay-web-page <replay-web-page
source="${replaySource}" source="${replaySource}"
coll="${ifDefined(this.crawl?.id)}" coll="${ifDefined(this.crawl?.id)}"
@ -704,7 +713,11 @@ ${this.crawl?.notes}
<li <li
class="flex justify-between p-3 border-t first:border-t-0" class="flex justify-between p-3 border-t first:border-t-0"
> >
<div class="whitespace-nowrap truncate"> <div class="whitespace-nowrap truncate flex items-center">
<sl-icon
name="file-earmark-zip-fill"
class="h-4 pr-2 shrink-0 text-neutral-600"
></sl-icon>
<a <a
class="text-primary hover:underline" class="text-primary hover:underline"
href=${file.path} href=${file.path}
@ -713,7 +726,9 @@ ${this.crawl?.notes}
>${file.name.slice(file.name.lastIndexOf("/") + 1)} >${file.name.slice(file.name.lastIndexOf("/") + 1)}
</a> </a>
</div> </div>
<div class="whitespace-nowrap"> <div
class="whitespace-nowrap text-sm font-mono text-neutral-400"
>
<sl-format-bytes value=${file.size}></sl-format-bytes> <sl-format-bytes value=${file.size}></sl-format-bytes>
</div> </div>
</li> </li>