Browse Source

feat(web): make settings accordion click area larger (#4119)

* feat: make settings accordion click area larger

* fix: svelte check & prettier

---------

Co-authored-by: Antony Mota <amota.confluenceconseil@boiron.fr>
Ploonet 1 year ago
parent
commit
63b6a71ebd

+ 2 - 3
web/src/lib/components/admin-page/settings/setting-accordion.svelte

@@ -8,7 +8,7 @@
 </script>
 </script>
 
 
 <div class="border-b-[1px] border-gray-200 py-4 dark:border-gray-700">
 <div class="border-b-[1px] border-gray-200 py-4 dark:border-gray-700">
-  <div class="flex place-items-center justify-between">
+  <button on:click={toggle} class="flex cursor-pointer place-items-center justify-between text-left">
     <div>
     <div>
       <h2 class="font-medium text-immich-primary dark:text-immich-dark-primary">
       <h2 class="font-medium text-immich-primary dark:text-immich-dark-primary">
         {title}
         {title}
@@ -18,7 +18,6 @@
     </div>
     </div>
 
 
     <button
     <button
-      on:click={toggle}
       aria-expanded={isOpen}
       aria-expanded={isOpen}
       class="immich-circle-icon-button flex place-content-center place-items-center rounded-full p-3 transition-all hover:bg-immich-primary/10 dark:text-immich-dark-fg hover:dark:bg-immich-dark-primary/20"
       class="immich-circle-icon-button flex place-content-center place-items-center rounded-full p-3 transition-all hover:bg-immich-primary/10 dark:text-immich-dark-fg hover:dark:bg-immich-dark-primary/20"
     >
     >
@@ -36,7 +35,7 @@
         <path d="M19 9l-7 7-7-7" />
         <path d="M19 9l-7 7-7-7" />
       </svg>
       </svg>
     </button>
     </button>
-  </div>
+  </button>
 
 
   {#if isOpen}
   {#if isOpen}
     <ul transition:slide={{ duration: 250 }} class="mb-2 ml-4">
     <ul transition:slide={{ duration: 250 }} class="mb-2 ml-4">