|
1 | 1 | <template> |
2 | | - <div class="flex flex-col gap-6"> |
3 | | - <div class="flex w-full"> |
4 | | - <div class="flex flex-wrap justify-between gap-2"> |
5 | | - <div class="pl-0.5 flex flex-wrap gap-2"> |
6 | | - <input |
7 | | - v-model="searchQuery" |
8 | | - name="search" |
9 | | - type="text" |
10 | | - class="h-8 border-2 input input-bordered rounded-2xl placeholder-neutral-content" |
11 | | - :placeholder="`Filter by username`" |
12 | | - > |
13 | | - <div class="flex flex-wrap gap-1"> |
14 | | - <TorrustSelect |
15 | | - v-model:selected="selectedFilters" |
16 | | - class="ml-auto" |
17 | | - :options="filteringOptions" |
18 | | - label="Filter by" |
19 | | - /> |
20 | | - <TorrustSelect |
21 | | - v-model:selected="selectedSorting" |
22 | | - class="ml-auto" |
23 | | - :options="sortingOptions" |
24 | | - label="Sort by" |
25 | | - /> |
26 | | - </div> |
27 | | - <UserTable :user-profiles="userProfiles" /> |
28 | | - <Pagination |
29 | | - v-model:current-page="currentPage" |
30 | | - v-model:page-size="pageSize" |
31 | | - :total-results="userProfilesTotal" |
| 2 | + <div class="flex flex-col max-w-md gap-2 mx-auto"> |
| 3 | + <div class="flex flex-col gap-2"> |
| 4 | + <div class="pl-0.5 flex flex-wrap gap-2"> |
| 5 | + <input |
| 6 | + v-model="searchQuery" |
| 7 | + name="search" |
| 8 | + type="text" |
| 9 | + class="h-8 border-2 input input-bordered rounded-2xl placeholder-neutral-content" |
| 10 | + :placeholder="`Filter by username`" |
| 11 | + > |
| 12 | + <div class="flex flex-wrap gap-1"> |
| 13 | + <TorrustSelect |
| 14 | + v-model:selected="selectedFilters" |
| 15 | + class="ml-auto" |
| 16 | + :options="filteringOptions" |
| 17 | + label="Filter by" |
| 18 | + /> |
| 19 | + <TorrustSelect |
| 20 | + v-model:selected="selectedSorting" |
| 21 | + class="ml-auto" |
| 22 | + :options="sortingOptions" |
| 23 | + label="Sort by" |
32 | 24 | /> |
33 | 25 | </div> |
| 26 | + <UserTable :user-profiles="userProfiles" /> |
| 27 | + <Pagination |
| 28 | + v-model:current-page="currentPage" |
| 29 | + v-model:page-size="pageSize" |
| 30 | + :total-results="userProfilesTotal" |
| 31 | + /> |
34 | 32 | </div> |
35 | 33 | </div> |
36 | 34 | </div> |
|
0 commit comments