Browse Source

Mobile-style flushed-right toggle switches

design-tweaks-2023-12
Jose Olarte III 11 months ago
parent
commit
c2839e8a99
  1. 6
      src/views/AccountViewView.vue

6
src/views/AccountViewView.vue

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

Loading…
Cancel
Save