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
+2178 -1702
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>
<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="keywords" content="torrent, webtorrent, magnet, p2p, peer to peer, filesharing, announce, tracker, webseed" />
@@ -83,28 +83,36 @@
<br />
<a id="removeTrackers">Remove All</a>
</div>
<div>
<button id="addTracker" data-type="announce">
<span class="fas fa-plus"></span>
<span class="far fa-plus-circle"></span> Add Tracker
</button>
<div id="announce"></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 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>
<button id="getFiles">
<span class="fad fa-chart-network"></span>
</button>
</div>
<table id="files">
<tbody id="filesBody"></tbody>
</table>
+1 -1
View File
@@ -327,7 +327,7 @@ async function addCurrentTrackers() {
}
function addRow() {
parsed[this.dataset.type].push("");
parsed[this.dataset.type].unshift("");
display();
}
+17
View File
@@ -61,6 +61,10 @@ button:disabled {
filter: brightness(0.6);
}
a {
cursor: pointer;
}
header {
width: 100%;
height: 80px;
@@ -104,6 +108,7 @@ label[for="torrent"] {
box-sizing: border-box;
border-radius: 900px;
text-align: center;
text-transform: none;
cursor: pointer;
}
@@ -157,6 +162,18 @@ input {
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) {
#reset {