fix: mobile layout for member search

epochtalk · Sep 14, 2021 · c2ac105 · c2ac105
1 parent 7639921
commit c2ac105
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/views/MemberSearch.vue b/src/views/MemberSearch.vue
@@ -151,6 +151,14 @@ export default {
 
 <style lang="scss">
 .member-search main #public-content { grid-template-areas: 'header header' 'main sidebar' 'main sidebar'; }
+@media screen and (max-width: 767px) {
+  .member-search main #public-content {
+    grid-template-areas:
+      "header header"
+      "main main"
+      "sidebar sidebar";
+  }
+}
 .user-search { grid-area: main; }
 .sidebar {
   grid-area: sidebar;