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/pages/dashboard/projects.vue
+++ b/pages/dashboard/projects.vue
@@ -158,4 +158,31 @@ table {
    }
  }
 }
+
+@media screen and (max-width: 550px) {
+  th,
+  td {
+    &:nth-child(1) {
+      img {
+        height: 2rem;
+        width: 2rem;
+      }
+    }
+    &:nth-child(3) {
+      display: none;
+    }
+  }
+}
+
+@media screen and (max-width: 850px) {
+  th,
+  td {
+    &:nth-child(2) {
+      width: 25% !important;
+    }
+    &:nth-child(6) {
+      display: none;
+    }
+  }
+}
 </style>