|
@ -6,22 +6,6 @@ |
|
|
<p class="mb-4 font-bold">Show only activities that are…</p> |
|
|
<p class="mb-4 font-bold">Show only activities that are…</p> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 gap-2"> |
|
|
<div class="grid grid-cols-1 gap-2"> |
|
|
<div class="flex items-center justify-between cursor-pointer"> |
|
|
|
|
|
<!-- label --> |
|
|
|
|
|
<div>From me</div> |
|
|
|
|
|
<!-- toggle --> |
|
|
|
|
|
<div class="relative ml-2"> |
|
|
|
|
|
<!-- input --> |
|
|
|
|
|
<input type="checkbox" name="" class="sr-only" /> |
|
|
|
|
|
<!-- line --> |
|
|
|
|
|
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div> |
|
|
|
|
|
<!-- dot --> |
|
|
|
|
|
<div |
|
|
|
|
|
class="dot absolute left-1 top-1 bg-slate-400 w-6 h-6 rounded-full transition" |
|
|
|
|
|
></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="flex items-center justify-between cursor-pointer"> |
|
|
<div class="flex items-center justify-between cursor-pointer"> |
|
|
<!-- label --> |
|
|
<!-- label --> |
|
|
<div>From my contacts</div> |
|
|
<div>From my contacts</div> |
|
|