Adds sl-copy-button fontawesome icons (#302)

- Changes `sl-copy-button` icons to use fontawesome equivalents so they
fit in with everything else in ReplayWebpage
- Converts sl-icon to use fa-icon for error icon
- Adds missing whitespace

Co-authored-by: Ilya Kreymer <ikreymer@gmail.com>
This commit is contained in:
Henry Wilkinson
2024-04-09 15:01:10 -07:00
committed by GitHub
co-authored by Ilya Kreymer
parent 858f9d61bb
commit 00f01222a7
3 changed files with 43 additions and 3 deletions
+6 -1
View File
@@ -32,6 +32,7 @@ import {
getDateFromTS,
} from "./pageutils";
import fasTriangleExclamation from "@fortawesome/fontawesome-free/svgs/solid/exclamation-triangle.svg";
import fasBook from "@fortawesome/fontawesome-free/svgs/solid/book.svg";
import fasDownload from "@fortawesome/fontawesome-free/svgs/solid/download.svg";
@@ -1478,7 +1479,11 @@ class Item extends LitElement {
renderItemInfo() {
if (!this.itemInfo)
return html`<sl-alert open variant="warning">
<sl-icon slot="icon" name="exclamation-triangle"></sl-icon>
<fa-icon
slot="icon"
.svg=${fasTriangleExclamation}
aria-hidden="true"
></fa-icon>
<strong>Archive info is not available</strong><br />
Please reload and try again.
</sl-alert>`;