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..0237cf1
--- /dev/null
+++ b/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;
+}