beenull/immich
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: do not use fix height and width

Browse source
This commit is contained in:
martabal 2023-11-01 21:20:29 +01:00
parent 610b03d16c
commit 8a6af72588
No known key found for this signature in database
GPG key ID: C00196E3148A52BD
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/src/lib/components/user-settings-page/avatar-selector.svelte
View file

@ -15,7 +15,7 @@
<FullScreenModal on:clickOutside={() => dispatch('close')} on:escape={() => dispatch('close')}>
<div class="flex h-full w-full place-content-center place-items-center overflow-hidden">
<div
class="w-[300px] md:w-[600px] rounded-3xl border bg-immich-bg shadow-sm dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-fg"
class=" rounded-3xl border bg-immich-bg shadow-sm dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-fg"
>
<div class="flex px-2 pt-2 items-center">
<h1 class="px-4 w-full self-center font-medium text-immich-primary dark:text-immich-dark-primary">
@ -25,12 +25,12 @@
<CircleIconButton icon={mdiClose} on:click={() => dispatch('close')} />
</div>
</div>
<div class="flex items-center justify-center p-2">
<div class="flex items-center justify-center p-4">
<div class="grid grid-cols-2 md:grid-cols-5 gap-4">
{#each colors as color}
<div>
<button on:click={() => dispatch('choose', color)}>
<UserAvatar {user} {color} size="xxl" showProfileImage={false} />
<UserAvatar {user} {color} size="xl" showProfileImage={false} />
</button>
</div>
{/each}

2
web/src/lib/components/user-settings-page/user-profile-settings.svelte
View file

@ -60,7 +60,7 @@
<div in:fade={{ duration: 500 }}>
<form autocomplete="off" on:submit|preventDefault>
<div class="ml-4 mt-4 flex flex-col gap-4">
<div class="relative w-24 h-24 self-center md:self-start">
<div class="relative self-center md:self-start">
{#key editingUser}
<UserAvatar user={editingUser} size="xxl" showProfileImage={forceShowColor} />
{/key}