move controls to top

modrinth · Jun 20, 2023 · 75e14dc · 75e14dc
1 parent 773956a
commit 75e14dc
Showing 1 changed file with 27 additions and 23 deletions.
diff --git a/pages/user/[id].vue b/pages/user/[id].vue
@@ -141,29 +141,6 @@
             </a>
           </template>
         </div>
-        <div class="card search-controls">
-          <div class="sort-controls">
-            <div class="labeled-control">
-              <span class="labeled-control__label">Sort by</span>
-              <Multiselect
-                v-model="sortType"
-                placeholder="Select one"
-                class="search-controls__sorting labeled-control__control"
-                track-by="display"
-                label="display"
-                :options="sortTypes"
-                :searchable="false"
-                :close-on-select="true"
-                :show-labels="false"
-                :allow-empty="false"
-              >
-                <template #singleLabel="{ option }">
-                  {{ option.display }}
-                </template>
-              </Multiselect>
-            </div>
-          </div>
-        </div>
       </div>
       <div class="normal-page__content">
         <Promotion />
@@ -203,6 +180,29 @@
             </button>
           </div>
         </nav>
+        <div class="card search-controls">
+          <div class="sort-controls">
+            <div class="labeled-control">
+              <span class="labeled-control__label">Sort by</span>
+              <Multiselect
+                v-model="sortType"
+                placeholder="Select one"
+                class="search-controls__sorting labeled-control__control"
+                track-by="display"
+                label="display"
+                :options="sortTypes"
+                :searchable="false"
+                :close-on-select="true"
+                :show-labels="false"
+                :allow-empty="false"
+              >
+                <template #singleLabel="{ option }">
+                  {{ option.display }}
+                </template>
+              </Multiselect>
+            </div>
+          </div>
+        </div>
         <div
           v-if="projects.length > 0"
           class="project-list"
@@ -508,6 +508,10 @@ export default defineNuxtComponent({
     .labeled-control__label {
       white-space: nowrap;
     }
+
+    .search-controls__sorting {
+      width: 15rem;
+    }
   }
 }