cwpearson/ytdlp-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

separate download buttons

Browse Source
This commit is contained in:
Carl Pearson
2025-01-23 06:02:13 -07:00
parent bdb572e70d
commit c90da6a7dd
2 changed files with 4 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
static/style/download.css
View File

@@ -17,20 +17,13 @@ input[type="url"] {
box-sizing: border-box; box-sizing: border-box;
} }
.radio-group { .button-group {
display: flex; display: flex;
gap: 10px; gap: 10px;
/* align-items: center; */ /* align-items: center; */
justify-content: center; justify-content: center;
} }
.radio-group label {
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
}
button { button {
background-color: #007bff; background-color: #007bff;
color: white; color: white;

9
templates/download.html
View File

@@ -16,13 +16,10 @@
<h1>Download Video</h1> <h1>Download Video</h1>
<form method="POST"> <form method="POST">
<input type="url" name="url" placeholder="Video URL" required> <input type="url" name="url" placeholder="Video URL" required>
<div class="radio-group"> <div class="button-group">
<input type="radio" id="audio-video" name="color" value="audio-video" checked> <button type="submit" name="color" value="audio-video">Download Video</button>
<label for="audio-video">Audio/Video</label> <button type="submit" name="color" value="audio">Download Audio</button>
<input type="radio" id="audio-video" name="color" value="audio">
<label for="audio">Audio Only</label>
</div> </div>
<button type="submit">Download</button>
</form> </form>
{{template "footer" .}} {{template "footer" .}}
</body> </body>