Fix share btn img format `jpeg` -> `png` (#5)

- Fix share btn img format `jpeg` -> `png` (f9a082fb02e7c6e28933642668e0d09b17e504e1)
- Update share_btn.py (af4843a28d34ff35ce3df3eb2246aa45c17a1dab)


Co-authored-by: Mishig Davaadorj <mishig@users.noreply.huggingface.co>

share_btn.py

@@ -34,8 +34,8 @@ share_js = """async () => {
         const res = await fetch(imgEl.src);
         const blob = await res.blob();
         const imgId = Date.now() % 200;
-        const fileName = `sd-inpainting-${{imgId}}.jpg`;
-        return new File([blob], fileName, { type: 'image/jpeg' });
+        const fileName = `sd-inpainting-${{imgId}}.png`;
+        return new File([blob], fileName, { type: 'image/png' });
     }
 
     const gradioEl = document.querySelector('body > gradio-app');
@@ -65,7 +65,7 @@ share_js = """async () => {
 
     const urls = await Promise.all(files.map((f) => uploadFile(f)));
 
-	const htmlImgs = urls.map(url => `<img src='${url}' sytle='max-width: 600px;'>`);
+	const htmlImgs = urls.map(url => `<img src='${url}' style='max-width: 450px;'>`);
     const [inputImgUrl, outputImgUrl] = htmlImgs;
 
 	const descriptionMd = `<div style='display: flex; flex-wrap: wrap; column-gap: 0.75rem;'>