Removes extra padding around replay window

- Adds a check before the block of HTML that adds 16px of padding and tells it not to add that if it's the replay page.
This commit is contained in:
Henry Wilkinson 2023-04-26 23:50:02 -04:00
parent 1a63c31b71
commit c03bb1923b

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}
`; `;
} }
@ -547,7 +559,7 @@ export class CrawlDetail extends LiteElement {
canReplay canReplay
? html`<div ? html`<div
id="replay-crawl" id="replay-crawl"
class="aspect-4/3 rounded border overflow-hidden" class="aspect-4/3 overflow-hidden"
> >
<replay-web-page <replay-web-page
source="${replaySource}" source="${replaySource}"