diff options
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/public/index.html b/public/index.html index 6e3fc70..7ddb58f 100644 --- a/public/index.html +++ b/public/index.html @@ -20,14 +20,18 @@ <div class="carousel-cell"><img class="carousel-img" src="" /></div> </template> <div class="grid grid-cols-3 w-full max-w-3xl m-auto justify-items-center py-4"> - <button id="prevSlide" class="svg-btn size-12"><svg alt="Previous Slide" class="size-full"><use href="#sprite-skip_previous"></use></svg></button> - <button id="playPause" class="svg-btn size-12"><svg alt="Pause" class="size-full"><use href="#sprite-pause"></use></svg></button> - <button id="nextSlide" class="svg-btn size-12"><svg alt="Next Slide" class="size-full"><use href="#sprite-skip_next"></use></svg></button> + <button id="prev-slide" class="svg-btn size-12"><svg alt="Previous Slide" class="size-full"><use href="#sprite-skip_previous"></use></svg></button> + <button id="play-pause" class="svg-btn size-12"><svg alt="Pause" class="size-full"><use href="#sprite-pause"></use></svg></button> + <button id="next-slide" class="svg-btn size-12"><svg alt="Next Slide" class="size-full"><use href="#sprite-skip_next"></use></svg></button> </div> </div> <div id="albums" class="hidden! overflow-y-scroll"><div class="px-4 m-auto max-w-3xl"> <div class="p-2 sticky top-0 z-20 bg-black"> <input class="rounded-input mx-auto mb-4 w-full" id="album-search" placeholder="Search your albums" /> + <button id="albums-submit" class="rounded-btn"> + <svg class="size-6"><use href="#sprite-check_circle"></use></svg> + Select + </button> </div> <div id="albums-container" class="m-auto z-10"></div> <template id="album-template"> @@ -97,12 +101,12 @@ </div> <select class="my-auto rounded-input" name="display_size"> <option value="thumbnail">Small Thumbnail (~15 kB)</option> - <option value="preview">Large Thumbnail (~150 kB)</option> + <option value="preview">Large Thumbnail (~400 kB)</option> <option value="fullsize">Original Image</option> </select> <div> <label class="settings-label">Max Cached Assets</label> - <p>Number of assets that can exist at once in RAM.<br>Each asset will take ~5x the display size in memory.</p> + <p>Number of assets that can exist at once in RAM.<br>Each asset will take ~10x the display size in memory.</p> </div> <input class="my-auto rounded-input" name="max_cache_assets" type="number" /> </div> |