summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJake Mannens <jake@asger.xyz>2026-04-15 02:59:58 +1000
committerJake Mannens <jake@asger.xyz>2026-04-15 02:59:58 +1000
commitd59e751c5b7c23f0dce2a146b6b8ced80231a0cb (patch)
tree3f2d949b4f073b71ce655bb4ce97b2e54e588fd3
parent720856bb353ab66a773e0a438d8af7f0a2188641 (diff)
v0.9av0.9a
-rw-r--r--MainLayout.razor.css6
-rw-r--r--Pages/Component/MobileMenu.razor.css6
-rw-r--r--Server.csproj4
-rw-r--r--wwwroot/js/mobile.js8
4 files changed, 16 insertions, 8 deletions
diff --git a/MainLayout.razor.css b/MainLayout.razor.css
index 0ce15c2..c2b5603 100644
--- a/MainLayout.razor.css
+++ b/MainLayout.razor.css
@@ -1,5 +1,9 @@
-#content {
+div#content {
flex: 1 1 calc(100vh - 59px);
overflow-x: hidden;
overflow-y: auto;
}
+
+body.mobile-menu-visible div#content {
+ display: none;
+}
diff --git a/Pages/Component/MobileMenu.razor.css b/Pages/Component/MobileMenu.razor.css
index b60e07b..0237cf1 100644
--- a/Pages/Component/MobileMenu.razor.css
+++ b/Pages/Component/MobileMenu.razor.css
@@ -1,6 +1,6 @@
div#mobile-menu {
background: var(--col-bg);
- display: flex;
+ display: none;
flex-direction: column;
flex: 1 1 calc(100vh - 59px);
height: 100%;
@@ -9,8 +9,8 @@
width: 100%;
}
-div#mobile-menu.hidden {
- display: none;
+body.mobile-menu-visible div#mobile-menu {
+ display: flex;
}
div#mobile-menu > a {
diff --git a/Server.csproj b/Server.csproj
index 494ff00..6e4af7d 100644
--- a/Server.csproj
+++ b/Server.csproj
@@ -6,9 +6,9 @@
<ImplicitUsings>enable</ImplicitUsings>
<AssemblyName>HyperBooru</AssemblyName>
<RootNamespace>HyperBooru</RootNamespace>
- <AssemblyVersion>0.8.0.0</AssemblyVersion>
+ <AssemblyVersion>0.9.0.0</AssemblyVersion>
<FileVersion>$(AssemblyVersion)</FileVersion>
- <Version>0.8-alpha</Version>
+ <Version>0.9-alpha</Version>
<UserSecretsId>2907567f-4640-4581-8f4d-0977952d26bd</UserSecretsId>
</PropertyGroup>
diff --git a/wwwroot/js/mobile.js b/wwwroot/js/mobile.js
index 769f435..0af11cc 100644
--- a/wwwroot/js/mobile.js
+++ b/wwwroot/js/mobile.js
@@ -1,3 +1,7 @@
-function toggleMobileMenu() {
- document.getElementById("mobile-menu").classList.toggle("hidden");
+function hideMobileMenu() {
+ document.getElementsByTagName('body')[0].classList.remove('mobile-menu-visible');
+}
+
+function toggleMobileMenu() {
+ document.getElementsByTagName('body')[0].classList.toggle('mobile-menu-visible');
}