chore: minor styling tweaks

This commit is contained in:
ben-basten
2024-09-15 19:18:55 -04:00
parent 982e8f14e5
commit f9a1ae70ef
2 changed files with 37 additions and 37 deletions
@@ -49,7 +49,6 @@
</FormatMessage> </FormatMessage>
</p> </p>
</div> </div>
<div class="min-h-36">
<form on:submit|preventDefault={handleSubmit} autocomplete="off" id="create-tag-form"> <form on:submit|preventDefault={handleSubmit} autocomplete="off" id="create-tag-form">
<div class="my-4 flex flex-col gap-2"> <div class="my-4 flex flex-col gap-2">
<Combobox <Combobox
@@ -60,6 +59,7 @@
/> />
</div> </div>
</form> </form>
<section class="flex flex-wrap pt-2 gap-1"> <section class="flex flex-wrap pt-2 gap-1">
{#each selectedIds as tagId (tagId)} {#each selectedIds as tagId (tagId)}
{@const tag = tagMap[tagId]} {@const tag = tagMap[tagId]}
@@ -72,6 +72,7 @@
{tag.value} {tag.value}
</p> </p>
</span> </span>
<button <button
type="button" type="button"
class="text-gray-100 dark:text-immich-dark-gray bg-immich-primary/95 dark:bg-immich-dark-primary/95 rounded-tr-full rounded-br-full place-items-center place-content-center pr-2 pl-1 py-1 hover:bg-immich-primary/80 dark:hover:bg-immich-dark-primary/80 transition-all" class="text-gray-100 dark:text-immich-dark-gray bg-immich-primary/95 dark:bg-immich-dark-primary/95 rounded-tr-full rounded-br-full place-items-center place-content-center pr-2 pl-1 py-1 hover:bg-immich-primary/80 dark:hover:bg-immich-dark-primary/80 transition-all"
@@ -84,7 +85,6 @@
{/if} {/if}
{/each} {/each}
</section> </section>
</div>
<svelte:fragment slot="sticky-bottom"> <svelte:fragment slot="sticky-bottom">
<Button color="gray" fullwidth on:click={onCancel}>{$t('cancel')}</Button> <Button color="gray" fullwidth on:click={onCancel}>{$t('cancel')}</Button>
@@ -82,7 +82,7 @@
</div> </div>
{#if isStickyBottom} {#if isStickyBottom}
<div <div
class="flex flex-col sm:flex-row justify-end w-full gap-2 sm:gap-4 sticky -bottom-[4px] py-2 px-5 bg-immich-bg dark:bg-immich-dark-gray border-t border-gray-200 dark:border-gray-500" class="flex flex-col sm:flex-row justify-end w-full gap-2 sm:gap-4 sticky pt-4 px-5 bg-immich-bg dark:bg-immich-dark-gray border-t border-gray-200 dark:border-gray-500"
> >
<slot name="sticky-bottom" /> <slot name="sticky-bottom" />
</div> </div>