Continuing to Organize into Two Columns

This commit is contained in:
Leo Herzog
2020-11-08 13:21:52 -05:00
parent 239021266d
commit b111fc3fe9
5 changed files with 2418 additions and 1899 deletions
+2186 -1710
View File
File diff suppressed because it is too large Load Diff
+38 -20
View File
File diff suppressed because one or more lines are too long
+20 -12
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Inspect and edit what's in your Torrent file or Magnet link" /> <meta name="description" content="Inspect and edit what's in your Torrent file or Magnet link" />
<meta name="keywords" content="torrent, webtorrent, magnet, p2p, peer to peer, filesharing, announce, tracker, webseed" /> <meta name="keywords" content="torrent, webtorrent, magnet, p2p, peer to peer, filesharing, announce, tracker, webseed" />
@@ -83,28 +83,36 @@
<br /> <br />
<a id="removeTrackers">Remove All</a> <a id="removeTrackers">Remove All</a>
</div> </div>
<div>
<button id="addTracker" data-type="announce"> <button id="addTracker" data-type="announce">
<span class="fas fa-plus"></span> <span class="far fa-plus-circle"></span> Add Tracker
</button> </button>
<div id="announce"></div> <div id="announce"></div>
</div> </div>
<div class="property">
<label for="urlList">Webseed URLs</label>
<button id="addWebseed" data-type="urlList">
<span class="fas fa-plus"></span>
</button>
<button id="removeWebseeds">
<span class="fas fa-eraser"></span>
</button>
<div id="urlList"></div>
</div> </div>
<div class="property"> <div class="property">
<div>
<label for="urlList">Webseed URLs</label>
<button id="removeWebseeds">
<span class="fas fa-eraser"></span>
</button>
</div>
<div>
<button id="addWebseed" data-type="urlList">
<span class="far fa-plus-circle"></span> Add Tracker
</button>
<div id="urlList"></div>
</div>
</div>
<div class="property">
<div>
<label for="files">Files</label> <label for="files">Files</label>
<button id="getFiles"> <button id="getFiles">
<span class="fad fa-chart-network"></span> <span class="fad fa-chart-network"></span>
</button> </button>
</div>
<table id="files"> <table id="files">
<tbody id="filesBody"></tbody> <tbody id="filesBody"></tbody>
</table> </table>
+1 -1
View File
@@ -327,7 +327,7 @@ async function addCurrentTrackers() {
} }
function addRow() { function addRow() {
parsed[this.dataset.type].push(""); parsed[this.dataset.type].unshift("");
display(); display();
} }
+17
View File
@@ -61,6 +61,10 @@ button:disabled {
filter: brightness(0.6); filter: brightness(0.6);
} }
a {
cursor: pointer;
}
header { header {
width: 100%; width: 100%;
height: 80px; height: 80px;
@@ -104,6 +108,7 @@ label[for="torrent"] {
box-sizing: border-box; box-sizing: border-box;
border-radius: 900px; border-radius: 900px;
text-align: center; text-align: center;
text-transform: none;
cursor: pointer; cursor: pointer;
} }
@@ -157,6 +162,18 @@ input {
width: 440px; width: 440px;
} }
#addTracker, #addWebseed {
width: 440px;
color: var(--light-blue);
background: var(--dark-blue);
border: 1px solid var(--light-blue);
padding: 8px;
box-sizing: border-box;
border-radius: 900px;
text-align: left;
cursor: pointer;
}
@media (max-width: 1080px) { @media (max-width: 1080px) {
#reset { #reset {