From 23bc4d5d0e2e0e5172f539242e78cf86ddd05a92 Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Wed, 8 Apr 2026 03:58:07 +1000
Subject: v0.7a

---
 Pages/Component/MobileMenu.razor.css | 46 ++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 Pages/Component/MobileMenu.razor.css

(limited to 'Pages/Component/MobileMenu.razor.css')

diff --git a/Pages/Component/MobileMenu.razor.css b/Pages/Component/MobileMenu.razor.css
new file mode 100644
index 0000000..b60e07b
--- /dev/null
+++ b/Pages/Component/MobileMenu.razor.css
@@ -0,0 +1,46 @@
+div#mobile-menu {
+    background:     var(--col-bg);
+    display:        flex;
+    flex-direction: column;
+    flex:           1 1 calc(100vh - 59px);
+    height:         100%;
+    overflow-y:     auto;
+    position:       relative;
+    width:          100%;
+}
+
+div#mobile-menu.hidden {
+    display: none;
+}
+
+div#mobile-menu > a {
+    color:   #fff;
+    padding: 20px;
+}
+
+div#mobile-menu > a:not(:last-of-type) {
+    border-bottom: 1px solid var(--col-hr);
+}
+
+div#mobile-menu > a:hover {
+    background: var(--col-dialog-bg);
+    filter:     none;
+}
+
+div#mobile-menu > a:active {
+    background: #fff;
+    color:      var(--col-bg);
+    filter:     none;
+}
+
+div#nsfw-switch {
+    align-items:    center;
+    border-bottom:  1px solid var(--col-hr);
+    display:        flex;
+    flex-direction: row;
+    padding:        5px 20px 5px 20px;
+}
+
+div#nsfw-switch > p#nsfw-label {
+    margin-right: auto;
+}
-- 
cgit v1.3