vibegif/vibegif.lol
1
0
Fork 0
mirror of https://github.com/vibegif/vibegif.lol.git synced 2026-04-07 02:12:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feat: Add max size input for tiny gifs

Browse Source
This commit is contained in:
multipleof4
2026-03-20 23:20:21 -07:00
parent ddf2ec634a
commit db76a53cad
1 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -60,15 +60,21 @@
</div> </div>
</div> </div>
<div class="flex flex-col gap-2"> <div class="grid grid-cols-2 gap-4">
<label class="text-xs text-neutral-400 uppercase tracking-wider">aspect ratio</label> <div class="flex flex-col gap-2">
<select id="sel-ratio" class="border border-neutral-300 rounded-lg px-3 py-2 bg-white focus:outline-none focus:ring-2 focus:ring-neutral-400"> <label class="text-xs text-neutral-400 uppercase tracking-wider">aspect ratio</label>
<option value="1:1">1:1</option> <select id="sel-ratio" class="border border-neutral-300 rounded-lg px-3 py-2 bg-white focus:outline-none focus:ring-2 focus:ring-neutral-400">
<option value="16:9">16:9</option> <option value="1:1">1:1</option>
<option value="9:16">9:16</option> <option value="16:9">16:9</option>
<option value="4:3">4:3</option> <option value="9:16">9:16</option>
<option value="3:2">3:2</option> <option value="4:3">4:3</option>
</select> <option value="3:2">3:2</option>
</select>
</div>
<div class="flex flex-col gap-2">
<label class="text-xs text-neutral-400 uppercase tracking-wider">max size (px)</label>
<input id="inp-max-size" type="number" value="256" min="32" max="1024" class="border border-neutral-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-neutral-400">
</div>
</div> </div>
<button id="btn-generate" class="bg-neutral-800 text-white rounded-lg px-6 py-3 hover:bg-neutral-700 transition flex items-center justify-center gap-2 text-lg"> <button id="btn-generate" class="bg-neutral-800 text-white rounded-lg px-6 py-3 hover:bg-neutral-700 transition flex items-center justify-center gap-2 text-lg">