From 12eaa5814ef20b0910e8d64a753378b6f6797989 Mon Sep 17 00:00:00 2001 From: Jake Mannens Date: Fri, 22 May 2026 00:52:16 +1000 Subject: Initial commit --- Server.Client/Pages/Component/MobileMenu.razor.css | 46 ++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 Server.Client/Pages/Component/MobileMenu.razor.css (limited to 'Server.Client/Pages/Component/MobileMenu.razor.css') diff --git a/Server.Client/Pages/Component/MobileMenu.razor.css b/Server.Client/Pages/Component/MobileMenu.razor.css new file mode 100644 index 0000000..0237cf1 --- /dev/null +++ b/Server.Client/Pages/Component/MobileMenu.razor.css @@ -0,0 +1,46 @@ +div#mobile-menu { + background: var(--col-bg); + display: none; + flex-direction: column; + flex: 1 1 calc(100vh - 59px); + height: 100%; + overflow-y: auto; + position: relative; + width: 100%; +} + +body.mobile-menu-visible div#mobile-menu { + display: flex; +} + +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