university/Imagine
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: buttons to open/close settings on mobile using anchors

Browse source
This commit is contained in:
Orangerot 2024-12-06 15:45:53 +01:00
parent 2a0bad598b
commit 037f30fe8b
2 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
index.html
View file

@ -9,8 +9,8 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<title>Imagine - Image Editor</title> <title>Imagine - Image Editor</title>
</head> </head>
<body style="padding-top: 100vh"> <body style="padding-top: 100vh; ">
<div class="navbar columns is-mobile is-fixed-top" style="z-index: -1"> <div class="navbar columns is-mobile is-fixed-top">
<div class="column"> <div class="column">
<div class="hero is-fullheight"> <div class="hero is-fullheight">
<div class="hero-body"> <div class="hero-body">
@ -31,7 +31,11 @@
</button> </button>
</div> </div>
</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> </div>
</div> </div>
@ -88,7 +92,9 @@
</aside> </aside>
</div> </div>
</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"> <button class="button is-primary">
Save Image Save Image
</button> </button>

5
style.css
View file

@ -1,3 +1,4 @@
html, body { html, body {
margin: 0px; margin: 0px;
} scroll-behavior: smooth;
}