self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-27 10:58:13 +02:00
Code Issues Releases Activity

chore(web): fine tuning styling for base modal (#8469)

Browse Source 
* chore(web): refine base modal styling

* styling

* remove api spec file
This commit is contained in:
Alex 2024-04-02 14:09:55 -05:00 committed by GitHub
parent 62d307321a
commit 282bccaca5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/lib/components/shared-components/base-modal.svelte
View File

@ -61,19 +61,17 @@
onOutclick: () => dispatch('close'),
onEscape: () => dispatch('close'),
}}
class="max-h-[800px] min-h-[200px] w-[450px] overflow-y-auto rounded-lg bg-immich-bg shadow-md dark:bg-immich-dark-gray dark:text-immich-dark-fg immich-scrollbar"
class="max-h-[800px] min-h-[200px] w-[450px] overflow-y-auto rounded-3xl bg-immich-bg shadow-md dark:bg-immich-dark-gray dark:text-immich-dark-fg immich-scrollbar"
tabindex="-1"
>
<div class="flex place-items-center justify-between px-5 py-3">
<div class="flex items-center">
<div class="flex gap-2 place-items-center">
{#if showLogo}
<ImmichLogo noText={true} width={24} />
<div class="w-2" />
<ImmichLogo noText={true} width={32} />
{:else if icon}
<Icon path={icon} size={24} ariaHidden={true} class="text-immich-primary dark:text-immich-dark-primary" />
<div class="w-2" />
<Icon path={icon} size={32} ariaHidden={true} class="text-immich-primary dark:text-immich-dark-primary" />
{/if}
<h1 id={`${id}-title`} class="text-xl font-medium text-immich-primary dark:text-immich-dark-primary mt-1">
<h1 id={`${id}-title`}>
{title}
</h1>
</div>

4
web/src/lib/components/shared-components/create-share-link-modal/create-shared-link-modal.svelte
View File

@ -237,11 +237,11 @@
{#if !sharedLink}
{#if editingLink}
<div class="flex justify-end">
<Button size="sm" rounded="lg" on:click={handleEditLink}>Confirm</Button>
<Button size="sm" on:click={handleEditLink}>Confirm</Button>
</div>
{:else}
<div class="flex justify-end">
<Button size="sm" rounded="lg" on:click={handleCreateSharedLink}>Create link</Button>
<Button size="sm" on:click={handleCreateSharedLink}>Create link</Button>
</div>
{/if}
{:else}