summaryrefslogtreecommitdiff
path: root/Pages/Component/MobileMenu.razor.css
diff options
context:
space:
mode:
authorJake Mannens <jake@asger.xyz>2026-04-08 03:58:07 +1000
committerJake Mannens <jake@asger.xyz>2026-04-08 03:58:07 +1000
commit23bc4d5d0e2e0e5172f539242e78cf86ddd05a92 (patch)
treee01cfa7f8de40e7189e3b64fde6275640010e355 /Pages/Component/MobileMenu.razor.css
parent0d517e182dcf97e9fe46f6524f1d116ca5a94929 (diff)
v0.7av0.7a
Diffstat (limited to 'Pages/Component/MobileMenu.razor.css')
-rw-r--r--Pages/Component/MobileMenu.razor.css46
1 files changed, 46 insertions, 0 deletions
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;
+}