c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-07 12:26:47 +01:00
Code 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'), onOutclick: () => dispatch('close'),
onEscape: () => 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" tabindex="-1"
> >
<div class="flex place-items-center justify-between px-5 py-3"> <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} {#if showLogo}
<ImmichLogo noText={true} width={24} /> <ImmichLogo noText={true} width={32} />
<div class="w-2" />
{:else if icon} {:else if icon}
<Icon path={icon} size={24} ariaHidden={true} class="text-immich-primary dark:text-immich-dark-primary" /> <Icon path={icon} size={32} ariaHidden={true} class="text-immich-primary dark:text-immich-dark-primary" />
<div class="w-2" />
{/if} {/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} {title}
</h1> </h1>
</div> </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 !sharedLink}
{#if editingLink} {#if editingLink}
<div class="flex justify-end"> <div class="flex justify-end">
<Button size="sm" rounded="lg" on:click={handleEditLink}>Confirm</Button> <Button size="sm" on:click={handleEditLink}>Confirm</Button>
</div> </div>
{:else} {:else}
<div class="flex justify-end"> <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> </div>
{/if} {/if}
{:else} {:else}