c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-01 08:31:59 +00:00
Code Releases Activity

fix(web): Admin Settings banner/scrolling issue (#6839)

Browse source 
* Fixed settings page sizing causing scroll behavior when config message present

* Applied prettier to modified page
This commit is contained in:
Andrew Roberts 2024-02-01 13:05:30 -08:00 committed by GitHub
parent 81cf653752
commit 606147be43
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 44 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
web/src/routes/admin/system-settings/+page.svelte
View file

@ -129,46 +129,50 @@
]; ];
</script> </script>
{#if $featureFlags.configFile} <div class="h-svh flex flex-col overflow-hidden">
<div class="mb-8 flex flex-row items-center gap-2 rounded-md bg-gray-100 p-3 dark:bg-gray-800"> {#if $featureFlags.configFile}
<Icon path={mdiAlert} class="text-yellow-400" size={18} /> <div class="flex flex-row items-center gap-2 bg-gray-100 p-3 dark:bg-gray-800">
<h2 class="text-md text-immich-primary dark:text-immich-dark-primary">Config is currently set by a config file</h2> <Icon path={mdiAlert} class="text-yellow-400" size={18} />
</div> <h2 class="text-md text-immich-primary dark:text-immich-dark-primary">
{/if} Config is currently set by a config file
</h2>
</div>
{/if}
<UserPageLayout title={data.meta.title} admin> <UserPageLayout title={data.meta.title} admin>
<div class="flex justify-end gap-2" slot="buttons"> <div class="flex justify-end gap-2" slot="buttons">
<LinkButton on:click={() => copyToClipboard(JSON.stringify(config, null, 2))}> <LinkButton on:click={() => copyToClipboard(JSON.stringify(config, null, 2))}>
<div class="flex place-items-center gap-2 text-sm"> <div class="flex place-items-center gap-2 text-sm">
<Icon path={mdiContentCopy} size="18" /> <Icon path={mdiContentCopy} size="18" />
Copy to Clipboard Copy to Clipboard
</div> </div>
</LinkButton> </LinkButton>
<LinkButton on:click={() => downloadConfig()}> <LinkButton on:click={() => downloadConfig()}>
<div class="flex place-items-center gap-2 text-sm"> <div class="flex place-items-center gap-2 text-sm">
<Icon path={mdiDownload} size="18" /> <Icon path={mdiDownload} size="18" />
Export as JSON Export as JSON
</div> </div>
</LinkButton> </LinkButton>
</div> </div>
<AdminSettings bind:config let:handleReset let:handleSave let:savedConfig let:defaultConfig> <AdminSettings bind:config let:handleReset let:handleSave let:savedConfig let:defaultConfig>
<section id="setting-content" class="flex place-content-center sm:mx-4"> <section id="setting-content" class="flex place-content-center sm:mx-4">
<section class="w-full pb-28 sm:w-5/6 md:w-[850px]"> <section class="w-full pb-28 sm:w-5/6 md:w-[850px]">
{#each settings as { item, title, subtitle, isOpen }} {#each settings as { item, title, subtitle, isOpen }}
<SettingAccordion {title} {subtitle} {isOpen}> <SettingAccordion {title} {subtitle} {isOpen}>
<svelte:component <svelte:component
this={item} this={item}
on:save={({ detail }) => handleSave(detail)} on:save={({ detail }) => handleSave(detail)}
on:reset={({ detail }) => handleReset(detail)} on:reset={({ detail }) => handleReset(detail)}
disabled={$featureFlags.configFile} disabled={$featureFlags.configFile}
{defaultConfig} {defaultConfig}
{config} {config}
{savedConfig} {savedConfig}
/> />
</SettingAccordion> </SettingAccordion>
{/each} {/each}
</section>
</section> </section>
</section> </AdminSettings>
</AdminSettings> </UserPageLayout>
</UserPageLayout> </div>