diff options
| author | Orangerot <purple@orangerot.dev> | 2024-12-06 15:45:53 +0100 |
|---|---|---|
| committer | Orangerot <purple@orangerot.dev> | 2024-12-06 15:47:52 +0100 |
| commit | 037f30fe8bec7265db275227596b0f4eb776f671 (patch) | |
| tree | 98a25e8ea655aaace4f2eafd63b809d19e8b52f1 | |
| parent | 2a0bad598ba401786f834e614199a8147ae44fbd (diff) | |
feat: buttons to open/close settings on mobile using anchors
| -rw-r--r-- | index.html | 14 | ||||
| -rw-r--r-- | style.css | 5 |
2 files changed, 13 insertions, 6 deletions
@@ -9,8 +9,8 @@ <link rel="stylesheet" href="style.css"> <title>Imagine - Image Editor</title> </head> - <body style="padding-top: 100vh"> - <div class="navbar columns is-mobile is-fixed-top" style="z-index: -1"> + <body style="padding-top: 100vh; "> + <div class="navbar columns is-mobile is-fixed-top"> <div class="column"> <div class="hero is-fullheight"> <div class="hero-body"> @@ -31,7 +31,11 @@ </button> </div> </div> - </div> + </div><br> + <a href="#settings" class="button is-hidden-desktop" style="position: absolute; right: 30px; + bottom: 30px"> + Settings + </a> </div> </div> </div> @@ -88,7 +92,9 @@ </aside> </div> </div> - <div class="notification is-fullwidth is-hidden-desktop"> + <div class="notification is-fullwidth is-hidden-desktop" style="z-index: 200"> + <span id="settings"></span> + <a href="#top" class="delete"></a> <button class="button is-primary"> Save Image </button> @@ -1,3 +1,4 @@ html, body { - margin: 0px; -}
\ No newline at end of file + margin: 0px; + scroll-behavior: smooth; +} |