jsnbuchanan/crowd-funder-for-time-pwa
1
0
Fork 1
forked from trent_larson/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

Names and variables for filter toggles

Browse Source
This commit is contained in:
Jose Olarte III
2024-04-03 15:51:23 +08:00
parent 0b4f2484f7
commit e90a0be6d9
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/FeedFilters.vue
View File

@@ -12,7 +12,12 @@
<!-- toggle --> <!-- toggle -->
<div class="relative ml-2"> <div class="relative ml-2">
<!-- input --> <!-- input -->
<input type="checkbox" name="" class="sr-only" /> <input
type="checkbox"
v-model="isFromMyContacts"
name="toggleFilterFromMyContacts"
class="sr-only"
/>
<!-- line --> <!-- line -->
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div> <div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
<!-- dot --> <!-- dot -->
@@ -28,7 +33,12 @@
<!-- toggle --> <!-- toggle -->
<div class="relative ml-2"> <div class="relative ml-2">
<!-- input --> <!-- input -->
<input type="checkbox" name="" class="sr-only" /> <input
type="checkbox"
v-model="isNearby"
name="toggleFilterNearby"
class="sr-only"
/>
<!-- line --> <!-- line -->
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div> <div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
<!-- dot --> <!-- dot -->
@@ -81,6 +91,8 @@ import {
}) })
export default class FeedFilters extends Vue { export default class FeedFilters extends Vue {
visible = false; visible = false;
isFromMyContacts = false;
isNearby = false;
async open() { async open() {
this.visible = true; this.visible = true;