|
|
@ -38,54 +38,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="flex items-center justify-between cursor-pointer"> |
|
|
|
<!-- label --> |
|
|
|
<div>From my projects</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"> |
|
|
|
<!-- label --> |
|
|
|
<div>Matched to my topics of interest</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"> |
|
|
|
<!-- label --> |
|
|
|
<div>Offers</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"> |
|
|
|
<!-- label --> |
|
|
|
<div>Nearby</div> |
|
|
|