From 05fa3092bfa7e63c3e750dc88273dec707bef248 Mon Sep 17 00:00:00 2001
From: faupau <paul.paffe@gmx.de>
Date: Tue, 25 Jul 2023 07:17:59 +0200
Subject: [PATCH] fix(web): fixes previous pull request: set asset as profile
 image (#3415)

* set photoviewer 100% width, fixes transparent ede

* remove unnecessary class

* format fix

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
---
 .../shared-components/profile-image-cropper.svelte          | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/shared-components/profile-image-cropper.svelte b/web/src/lib/components/shared-components/profile-image-cropper.svelte
index 5109deefa3..cd0e917d51 100644
--- a/web/src/lib/components/shared-components/profile-image-cropper.svelte
+++ b/web/src/lib/components/shared-components/profile-image-cropper.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { AssetResponseDto, api } from '@api';
-  import { createEventDispatcher } from 'svelte';
+  import { createEventDispatcher, onMount } from 'svelte';
   import { notificationController, NotificationType } from './notification/notification';
   import { handleError } from '$lib/utils/handle-error';
   import domtoimage from 'dom-to-image';
@@ -13,6 +13,10 @@
   const dispatch = createEventDispatcher();
   let imgElement: HTMLDivElement;
 
+  onMount(() => {
+    imgElement.style.width = '100%';
+  });
+
   const hasTransparentPixels = async (blob: Blob) => {
     const img = new Image();
     img.src = URL.createObjectURL(blob);