separate download buttons

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

View File

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

View File

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