Full mobile support

2020-11-05 21:44:08 -07:00
parent f5c567eb90
commit 198b3c9f1b
3 changed files with 84 additions and 1 deletions
--- a/components/ModPage.vue
+++ b/components/ModPage.vue
@@ -219,7 +219,6 @@ export default {
 .mod-navigation {
  display: flex;
  margin-top: 20px;
-  overflow-y: auto;

  a {
    user-select: none;
@@ -380,4 +379,25 @@ export default {
  text-overflow: ellipsis;
  white-space: nowrap;
 }
+
+@media screen and (max-width: 550px) {
+  .title a {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 800px) {
+  .mod-navigation {
+    display: block;
+    overflow-x: auto;
+    overflow-wrap: break-word;
+    overflow-y: hidden;
+  }
+}
+
+@media screen and (max-width: 1400px) {
+  .mod-info {
+    display: none;
+  }
+}
 </style>