settings

bonfire-networks · Aug 28, 2023 · d6613b6 · d6613b6
1 parent b113c54
commit d6613b6
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 16 deletions.
diff --git a/lib/components/settings/preferences/appearance_live.sface b/lib/components/settings/preferences/appearance_live.sface
@@ -4,27 +4,16 @@
 </div>
 <div class="divide-y divide-base-content/10">
   <div x-data="{open: false}" class="p-4">
-    <div class="flex items-center justify-between gap-4">
+    <div x-on:click="open = !open" class="flex items-center justify-between gap-4 cursor-pointer">
       <div class="flex flex-col gap-1">
         <div class="text-sm font-medium">{l("Theme")}</div>
         <div class="text-sm font-light text-base-content/70">{l("Customise the look and feel")}</div>
       </div>
 
-      <button
-        x-on:click="open = !open"
-        type="button"
-        x-cloak
-        class="btn btn-circle btn-sm btn-ghost"
-        x-show="open"
-      >
+      <button type="button" x-cloak class="btn btn-circle btn-sm btn-ghost" x-show="open">
         <#Icon iconify="fluent:triangle-down-12-filled" class="w-3 h-3 text-base-content/70" />
       </button>
-      <button
-        x-on:click="open = !open"
-        type="button"
-        class="btn btn-circle btn-sm btn-ghost"
-        x-show="!open"
-      >
+      <button type="button" class="btn btn-circle btn-sm btn-ghost" x-show="!open">
         <#Icon iconify="fluent:triangle-right-12-filled" class="w-3 h-3 text-base-content/70" />
       </button>
     </div>

diff --git a/lib/components/settings/preferences/behaviours_live.sface b/lib/components/settings/preferences/behaviours_live.sface
@@ -10,7 +10,7 @@
 
   <form phx-change="Bonfire.Me.Settings:set">
     <input name="scope" value={@scope} type="hidden">
-    <div x-data="{open: false}" class="p-4">
+    <div x-data="{open: false}" class="p-4 cursor-pointer">
       <div x-on:click="open = !open" class="flex items-center justify-between gap-4">
         <div class="flex flex-col gap-1">
           <div class="text-sm font-medium">{l("Feed activities")}</div>

diff --git a/lib/components/settings/preferences/safety_live.sface b/lib/components/settings/preferences/safety_live.sface
@@ -2,7 +2,7 @@
   <div class="p-4 font-bold bg-base-content/5">{l("Privacy & Safety")}</div>
   <Bonfire.UI.Me.SettingsViewsLive.DiscoverableLive scope={@scope} />
 
-  <div x-data="{open: false}" class="p-4">
+  <div x-data="{open: false}" class="p-4 cursor-pointer">
     <div x-on:click="open = !open" class="flex items-center justify-between gap-4">
       <div class="flex flex-col gap-1">
         <div class="text-sm font-medium">{l("Default boundary")}</div>