Browse Source

Names and variables for filter toggles

kb/add-usage-guide
Jose Olarte III 7 months ago
parent
commit
e90a0be6d9
  1. 16
      src/components/FeedFilters.vue

16
src/components/FeedFilters.vue

@ -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;

Loading…
Cancel
Save