diff options
| author | Orangerot <purple@orangerot.dev> | 2024-12-10 04:33:17 +0100 |
|---|---|---|
| committer | Orangerot <purple@orangerot.dev> | 2024-12-10 04:33:17 +0100 |
| commit | 76872c7bdec8ba2c681ebb752899f43cdd74941a (patch) | |
| tree | d1dedd5976ca57794c50b0885d98eb1eb4e473b6 /index.html | |
| parent | a4af4cc514ab80cd3bb221533d51db705248d8e9 (diff) | |
feat: buttons to reset sliders
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 26 |
1 files changed, 25 insertions, 1 deletions
@@ -54,7 +54,7 @@ </div> </div> <div class="column is-narrow has-background-black-ter is-hidden-mobile is-hidden-tablet-only is-visible-editor"> - <aside class="menu" style="width: 300px"> + <aside class="menu mr-3" style="width: 300px"> <h1 class="title">Imagine</h1> <h2 class="subtitle">Image Editor</h2> @@ -76,6 +76,9 @@ <label class="label"> <i class="fa-solid fa-sun fa-fw"></i> Brightness + <span class="icon is-pulled-right brightness-reset"> + <i class="fa-solid fa-arrow-rotate-left fa-fw"></i> + </span> </label> <div class="control"> <input type="range" @@ -88,6 +91,9 @@ <label class="label"> <i class="fa-solid fa-leaf fa-fw"></i> Saturation + <span class="icon is-pulled-right saturate-reset"> + <i class="fa-solid fa-arrow-rotate-left fa-fw"></i> + </span> </label> <div class="control"> <input type="range" @@ -100,6 +106,9 @@ <label class="label"> <i class="fa-solid fa-circle-half-stroke fa-fw"></i> Contrast + <span class="icon is-pulled-right contrast-reset"> + <i class="fa-solid fa-arrow-rotate-left fa-fw"></i> + </span> </label> <div class="control"> <input type="range" @@ -119,6 +128,9 @@ <label class="label"> <i class="fa-solid fa-water fa-fw"></i> Blur + <span class="icon is-pulled-right blur-reset"> + <i class="fa-solid fa-arrow-rotate-left fa-fw"></i> + </span> </label> <div class="control"> <input type="range" @@ -155,6 +167,9 @@ <label class="label"> <i class="fa-solid fa-sun fa-fw"></i> Brightness + <span class="icon is-pulled-right brightness-reset"> + <i class="fa-solid fa-arrow-rotate-left fa-fw"></i> + </span> </label> <div class="control"> <input type="range" @@ -167,6 +182,9 @@ <label class="label"> <i class="fa-solid fa-leaf fa-fw"></i> Saturation + <span class="icon is-pulled-right saturate-reset"> + <i class="fa-solid fa-arrow-rotate-left fa-fw"></i> + </span> </label> <div class="control"> <input type="range" @@ -179,6 +197,9 @@ <label class="label"> <i class="fa-solid fa-circle-half-stroke fa-fw"></i> Contrast + <span class="icon is-pulled-right contrast-reset"> + <i class="fa-solid fa-arrow-rotate-left fa-fw"></i> + </span> </label> <div class="control"> <input type="range" @@ -198,6 +219,9 @@ <label class="label"> <i class="fa-solid fa-water fa-fw"></i> Blur + <span class="icon is-pulled-right blur-reset"> + <i class="fa-solid fa-arrow-rotate-left fa-fw"></i> + </span> </label> <div class="control"> <input type="range" |