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 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>
</div>
@ -1258,23 +1258,28 @@ onMounted(async () => {
.filter-bar {
padding: 12px 16px;
gap: 8px;
flex-direction: row;
flex-wrap: wrap;
}
.view-toggle {
width: 100%;
flex: 1 1 auto;
}
.toggle-btn {
flex: 1;
justify-content: center;
}
.filter-search {
width: 100%;
flex: 1 1 auto;
min-width: 0;
}
.filter-select {
flex: 1;
flex: 1 1 45%;
}
.filter-toggle {
flex: 1;
flex: 1 1 45%;
}
.filter-count {
flex-basis: 100%;
}
}
</style>