Mobile-style flushed-right toggle switches

This commit is contained in:
Jose Olarte III
2023-12-13 18:22:15 +08:00
parent e533cd3d34
commit c2839e8a99

View File

@@ -89,7 +89,7 @@
<div class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8">
<label
for="toggleNotifications"
class="flex items-center cursor-pointer"
class="flex items-center justify-between cursor-pointer"
@click="
!toggleNotifications
? this.$notify(
@@ -129,7 +129,7 @@
</label>
<label
for="toggleMuteNotifications"
class="flex items-center cursor-pointer mt-4"
class="flex items-center justify-between cursor-pointer mt-4"
@click="
this.$notify(
{
@@ -280,7 +280,7 @@
<label
for="toggleShowAmounts"
class="flex items-center cursor-pointer py-2"
class="flex items-center justify-between cursor-pointer py-2"
@click="handleChange"
>
<!-- label -->