jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: mobile filter layout + ecology count reflects filtered set

Browse source
This commit is contained in:
Jennie Robinson Faber 2026-04-13 21:11:09 +01:00
parent a3bd7d4e50
commit d4c1664e5c
1 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

15
app/pages/members/index.vue
View file

@ -63,7 +63,7 @@
</template> </template>
<template v-if="viewMode === 'ecology'"> <template v-if="viewMode === 'ecology'">
<span class="filter-count ecology-count">{{ suggestions.length }} connection{{ suggestions.length === 1 ? '' : 's' }}</span> <span class="filter-count ecology-count">{{ filteredSuggestions.length }} connection{{ filteredSuggestions.length === 1 ? '' : 's' }}</span>
</template> </template>
</div> </div>
@ -1258,23 +1258,28 @@ onMounted(async () => {
.filter-bar { .filter-bar {
padding: 12px 16px; padding: 12px 16px;
gap: 8px; gap: 8px;
flex-direction: row;
flex-wrap: wrap;
} }
.view-toggle { .view-toggle {
width: 100%; flex: 1 1 auto;
} }
.toggle-btn { .toggle-btn {
flex: 1; flex: 1;
justify-content: center; justify-content: center;
} }
.filter-search { .filter-search {
width: 100%; flex: 1 1 auto;
min-width: 0; min-width: 0;
} }
.filter-select { .filter-select {
flex: 1; flex: 1 1 45%;
} }
.filter-toggle { .filter-toggle {
flex: 1; flex: 1 1 45%;
}
.filter-count {
flex-basis: 100%;
} }
} }
</style> </style>