troy/unduck
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: remove svg icons

Browse source
This commit is contained in:
Troy 2025-02-27 13:51:59 +00:00
parent 1d773d1626
commit e016e7c728
Signed by: troy
GPG key ID: DFC06C02ED3B4711
6 changed files with 6 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
index.html
View file

@ -2,7 +2,6 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/search.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Unduck</title> <title>Unduck</title>
<meta <meta

4
package.json
View file

@ -9,8 +9,8 @@
"preview": "vite preview" "preview": "vite preview"
}, },
"devDependencies": { "devDependencies": {
"typescript": "~5.7.2", "typescript": "~5.7.3",
"vite": "^6.1.0" "vite": "^6.2.0"
}, },
"dependencies": { "dependencies": {
"vite-plugin-pwa": "^0.21.1" "vite-plugin-pwa": "^0.21.1"

1
public/clipboard-check.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-check"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="m9 14 2 2 4-4"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 388 B

1
public/clipboard.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 357 B

5
public/search.svg
View file

@ -1,5 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
<rect width="1200" height="1200" fill="black"/>
<path fill="white" d="m980.48 905.76-198.84-199.08c89.203-125.34 77.953-300.14-34.406-412.64-125.26-125.44-328.03-125.44-453.32 0-125.26 125.44-125.26 328.45 0 453.84 112.36 112.5 286.97 123.74 412.18 34.406l198.84 199.08c53.25 53.297 132.05-19.078 75.562-75.609zm-610.87-233.58c-83.391-83.531-83.391-218.86 0-302.39s218.58-83.531 302.02 0c83.391 83.531 83.391 218.86 0 302.39-83.438 83.484-218.63 83.484-302.02 0z"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 624 B

8
src/main.ts
View file

@ -16,7 +16,7 @@ function noSearchDefaultPageRender() {
readonly readonly
/> />
<button class="copy-button"> <button class="copy-button">
<img src="/clipboard.svg" alt="Copy" /> <p>Copy</p>
</button> </button>
</div> </div>
</div> </div>
@ -30,15 +30,15 @@ function noSearchDefaultPageRender() {
`; `;
const copyButton = app.querySelector<HTMLButtonElement>(".copy-button")!; const copyButton = app.querySelector<HTMLButtonElement>(".copy-button")!;
const copyIcon = copyButton.querySelector("img")!; const copyIcon = copyButton.querySelector("p")!;
const urlInput = app.querySelector<HTMLInputElement>(".url-input")!; const urlInput = app.querySelector<HTMLInputElement>(".url-input")!;
copyButton.addEventListener("click", async () => { copyButton.addEventListener("click", async () => {
await navigator.clipboard.writeText(urlInput.value); await navigator.clipboard.writeText(urlInput.value);
copyIcon.src = "/clipboard-check.svg"; copyIcon.textContent = "Copied";
setTimeout(() => { setTimeout(() => {
copyIcon.src = "/clipboard.svg"; copyIcon.textContent = "Copy";
}, 2000); }, 2000);
}); });
} }