Merge pull request #2 from RyannKim327/kim 07-05-24 21:37

Kim
RyannKim327 · Jul 5, 2024 · a6e5e8b · a6e5e8b
2 parents 28fbf8a + c1961ed
commit a6e5e8b
Show file tree

Hide file tree

Showing 9 changed files with 30 additions and 20 deletions.
diff --git a/index.css b/index.css
@@ -7,7 +7,7 @@
 }
 
 html {
- min-width: 30em;
+ min-width: 50em;
  min-height: 25em;
 }
 
@@ -28,7 +28,7 @@ main {
  align-items: center;
  padding: 0.5em;
  border-radius: 0.5em;
- 
+
  > input {
  border: 0;
  background-color: transparent;
@@ -43,18 +43,20 @@ main {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  }
- 
+
  > #links {
- display: flex;
- flex-direction: column;
+ display: grid;
+ grid-template-columns: 10rem 10rem 10rem;
+ gap: 0.25rem;
  align-items: center;
  justify-content: center;
  max-height: 50vh;
  overflow-y: scroll;
  width: 100%;
  margin: 1em;
  padding: 0 0.75em;
-
+ font-size: small;
+
  > a {
  width: 100%;
  text-align: center;
@@ -65,6 +67,13 @@ main {
  box-shadow: 3px 3px 5px #333333;
  margin: 0.25em;
  padding: 0.1em 1em;
+ transition: box-shadow 0.25s ease;
+ }
+
+ > a:hover {
+ background-color: #333333;
+ color: #ffffff;
+ box-shadow: 0 0 5px #333333;
  }
  }
 
@@ -73,4 +82,4 @@ main {
  text-align: center;
  }
  }
-}
+}
diff --git a/index.js b/index.js
@@ -85,8 +85,9 @@ function requestDownload(videoURL){
  for(let d in data){
  const a = document.createElement("a")
  a.download = ``
- a.href = data[d].url
- a.textContent = `Download ${data[d].extension} ${data[d].quality} (${data[d].formattedSize})`
+ a.href = data[d].urL
+
+ a.innerHTML = `Download ${data[d].extension}<br>(<b>${data[d].quality}</b> - ${data[d].formattedSize})`
  window.URL.revokeObjectURL(data[d].url)
  lists.appendChild(a)
  }

diff --git a/logo.png b/logo.png
diff --git a/logo/128.png b/logo/128.png
diff --git a/logo/16.png b/logo/16.png
diff --git a/logo/32.png b/logo/32.png
diff --git a/logo/48.png b/logo/48.png
diff --git a/logo/64.png b/logo/64.png
diff --git a/manifest.json b/manifest.json
@@ -22,19 +22,19 @@
  "default_popup": "index.html",
  "default_title": "Audio Video Downloader",
  "default_icon": {
- "16": "logo.png",
- "32": "logo.png",
- "48": "logo.png",
- "64": "logo.png",
- "128": "logo.png"
- }
+ "16": "logo/16.png",
+ "32": "logo/32.png",
+ "48": "logo/48.png",
+ "64": "logo/64.png",
+ "128": "logo/128.png"
  },
  "icons": {
- "16": "logo.png",
- "32": "logo.png",
- "48": "logo.png",
- "64": "logo.png",
- "128": "logo.png"
+ "16": "logo/16.png",
+ "32": "logo/32.png",
+ "48": "logo/48.png",
+ "64": "logo/64.png",
+ "128": "logo/128.png"
+ }
  },
  "manifest_version": 3
 }