Improve "Show Only Mine" switch visibility (#494)

This commit is contained in:
sua yoo 2023-01-17 16:28:06 -08:00 committed by GitHub
parent ebb634a20d
commit b0745a63f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 104 additions and 103 deletions

View File

@ -109,7 +109,9 @@ export class CrawlTemplatesList extends LiteElement {
render() {
return html`
<div class="mb-4">${this.renderControls()}</div>
<div class="sticky z-10 mb-2 top-0 py-2 bg-neutral-0">
${this.renderControls()}
</div>
${this.crawlTemplates
? this.crawlTemplates.length
@ -177,8 +179,7 @@ export class CrawlTemplatesList extends LiteElement {
</div>
</div>
${this.crawlTemplates && this.crawlTemplates.length
? html`<div class="flex flex-wrap items-center justify-between">
<div class="flex flex-wrap items-center justify-between">
<div class="text-sm">
<button
class="inline-block font-medium border-2 border-transparent ${this
@ -271,14 +272,12 @@ export class CrawlTemplatesList extends LiteElement {
@click=${() => {
this.orderBy = {
...this.orderBy,
direction:
this.orderBy.direction === "asc" ? "desc" : "asc",
direction: this.orderBy.direction === "asc" ? "desc" : "asc",
};
}}
></sl-icon-button>
</div>
</div>`
: ""}
</div>
`;
}

View File

@ -142,7 +142,9 @@ export class CrawlsList extends LiteElement {
return html`
<main>
<header class="mb-4">${this.renderControls()}</header>
<header class="sticky z-10 mb-3 top-0 py-2 bg-neutral-0">
${this.renderControls()}
</header>
<section>
${this.crawls.length
? this.renderCrawlList()