Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-11-03 19:17:11 -05:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* feat: make settings accordion click area larger

* fix: svelte check & prettier

---------

Co-authored-by: Antony Mota <amota.confluenceconseil@boiron.fr>
This commit is contained in:
Ploonet 2023-09-17 15:36:34 +02:00 committed by GitHub
parent 0a9b632e48
commit 63b6a71ebd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/lib/components/admin-page/settings/setting-accordion.svelte Normal file → Executable file
View File

@ -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">