commit 037f30fe8bec7265db275227596b0f4eb776f671
parent 2a0bad598ba401786f834e614199a8147ae44fbd
Author: Orangerot <purple@orangerot.dev>
Date: Fri, 6 Dec 2024 15:45:53 +0100
feat: buttons to open/close settings on mobile using anchors
Diffstat:
2 files changed, 13 insertions(+), 7 deletions(-)
diff --git a/index.html b/index.html
@@ -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>
diff --git a/style.css b/style.css
@@ -1,3 +1,4 @@
html, body {
- margin: 0px;
-}
-\ No newline at end of file
+ margin: 0px;
+ scroll-behavior: smooth;
+}
