diff options
| author | Orangerot <purple@orangerot.dev> | 2024-12-06 04:07:43 +0100 |
|---|---|---|
| committer | Orangerot <purple@orangerot.dev> | 2024-12-06 04:07:43 +0100 |
| commit | 2a0bad598ba401786f834e614199a8147ae44fbd (patch) | |
| tree | cdb66a89cde534d333a231f2a7035b7bb3325793 | |
| parent | b5b7ca1f8bb256af9ccdefe0957273d0eb0cb56b (diff) | |
feat: basic mobile layout
| -rw-r--r-- | index.html | 51 |
1 files changed, 49 insertions, 2 deletions
@@ -9,8 +9,8 @@ <link rel="stylesheet" href="style.css"> <title>Imagine - Image Editor</title> </head> - <body> - <div class="navbar columns is-mobile"> + <body style="padding-top: 100vh"> + <div class="navbar columns is-mobile is-fixed-top" style="z-index: -1"> <div class="column"> <div class="hero is-fullheight"> <div class="hero-body"> @@ -88,5 +88,52 @@ </aside> </div> </div> + <div class="notification is-fullwidth is-hidden-desktop"> + <button class="button is-primary"> + Save Image + </button> + <button class="button is-secondary"> + Share + </button> + + <p class="menu-label"> + Color Correction + </p> + + <div class="field"> + <label class="label">Brightness</label> + <div class="control"> + <input type="range" + id="slider0" + class="slider is-fullwidth is-primary" + min="0" max="100" value="50" step="1"> + </div> + </div> + <div class="field"> + <label class="label">Saturation</label> + <div class="control"> + <input type="range" + id="slider0" + class="slider is-fullwidth is-primary" + min="0" max="100" value="50" step="1"> + </div> + </div> + <div class="field"> + <label class="label">Contrast</label> + <div class="control"> + <input type="range" + id="slider0" + class="slider is-fullwidth is-primary" + min="0" max="100" value="50" step="1"> + </div> + </div> + + <p class="menu-label"> + Distortion + </p> + <p class="menu-label"> + Blur and Sharpen + </p> + </div> </body> </html> |