From 557941b15c1451851ae58f109e86f492e45c0ee4 Mon Sep 17 00:00:00 2001
From: wess <me@wess.io>
Date: Wed, 24 Jan 2024 09:17:17 -0500
Subject: [PATCH 1/4] doubles width and height of image for HiDPi

---
 .../storage/bucket-[bucket]/file-[file]/+page.svelte       | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
index a5fa2dd45e..9a3636a6d6 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
@@ -25,6 +25,9 @@
     let filePermissions = $file?.$permissions;
     let arePermsDisabled = true;
 
+    const imgWidth = 410
+    const imgHeight = 250
+
     const getPreview = (fileId: string) =>
         sdk.forProject.storage.getFilePreview($file.bucketId, fileId, 410, 250).toString() +
         '&mode=admin';
@@ -81,8 +84,8 @@
                     aria-label="open file in new window">
                     <div class="file-preview-image">
                         <img
-                            width="205"
-                            height="125"
+                            width={imgWidth}
+                            height={imgHeight}
                             src={getPreview($file.$id)}
                             alt={$file.name} />
                     </div>

From 05d2fee7ab737f3307c8b22aa38a151b31d25c5b Mon Sep 17 00:00:00 2001
From: wess <me@wess.io>
Date: Wed, 24 Jan 2024 09:55:29 -0500
Subject: [PATCH 2/4] Formatter

---
 .../storage/bucket-[bucket]/file-[file]/+page.svelte          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
index 9a3636a6d6..784a8047a6 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
@@ -25,8 +25,8 @@
     let filePermissions = $file?.$permissions;
     let arePermsDisabled = true;
 
-    const imgWidth = 410
-    const imgHeight = 250
+    const imgWidth = 410;
+    const imgHeight = 250;
 
     const getPreview = (fileId: string) =>
         sdk.forProject.storage.getFilePreview($file.bucketId, fileId, 410, 250).toString() +

From 63b93a7e4f5e080fdcfffd4de3b2b1e02ea8241b Mon Sep 17 00:00:00 2001
From: wess <me@wess.io>
Date: Wed, 31 Jan 2024 12:29:51 -0500
Subject: [PATCH 3/4] Space removed

---
 src/lib/elements/forms/inputText.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/elements/forms/inputText.svelte b/src/lib/elements/forms/inputText.svelte
index ce9747a071..d8d6497a08 100644
--- a/src/lib/elements/forms/inputText.svelte
+++ b/src/lib/elements/forms/inputText.svelte
@@ -77,7 +77,7 @@
             {label}
         </Label>
     {/if}
-
+    
     <div
         class:input-text-wrapper={!$$slots.default}
         class:u-flex={$$slots.default}

From 1804afdec57ff346473b1759eeb0f37d686bd65b Mon Sep 17 00:00:00 2001
From: wess <me@wess.io>
Date: Wed, 31 Jan 2024 12:32:23 -0500
Subject: [PATCH 4/4] Double table row image preview size

---
 .../project-[project]/storage/bucket-[bucket]/+page.svelte      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.svelte
index d02d6dd5c7..71d5f6ea86 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.svelte
@@ -174,7 +174,7 @@
                             href={`${base}/console/project-${projectId}/storage/bucket-${bucketId}/file-${file.$id}`}>
                             <TableCell title="Name">
                                 <div class="u-flex u-gap-12 u-cross-center">
-                                    <Avatar size={32} src={getPreview(file.$id)} name={file.name} />
+                                    <Avatar size={64} src={getPreview(file.$id)} name={file.name} />
                                     <span class="text u-trim">{file.name}</span>
                                 </div>
                             </TableCell>