From f3b7d776e8b446d288aa976cbb956c65852495a8 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 23 Nov 2025 01:05:07 -0800
Subject: [PATCH] add compact image column styling

---
 .../item-table-list/columns/image-column.module.css      | 4 ++++
 .../item-list/item-table-list/columns/image-column.tsx   | 9 ++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/item-list/item-table-list/columns/image-column.module.css b/src/renderer/components/item-list/item-table-list/columns/image-column.module.css
index 8e7a5646d..c855b1f7f 100644
--- a/src/renderer/components/item-list/item-table-list/columns/image-column.module.css
+++ b/src/renderer/components/item-list/item-table-list/columns/image-column.module.css
@@ -2,3 +2,7 @@
     width: initial;
     aspect-ratio: 1 / 1;
 }
+
+.compact-image-container {
+    width: 100%;
+}
diff --git a/src/renderer/components/item-list/item-table-list/columns/image-column.tsx b/src/renderer/components/item-list/item-table-list/columns/image-column.tsx
index 8cec634ba..3bf08f35f 100644
--- a/src/renderer/components/item-list/item-table-list/columns/image-column.tsx
+++ b/src/renderer/components/item-list/item-table-list/columns/image-column.tsx
@@ -1,3 +1,5 @@
+import clsx from 'clsx';
+
 import styles from './image-column.module.css';
 
 import {
@@ -15,7 +17,12 @@ export const ImageColumn = (props: ItemTableListInnerColumn) => {
     if (typeof row === 'string') {
         return (
             <TableColumnContainer {...props}>
-                <Image src={row} />
+                <Image
+                    containerClassName={clsx({
+                        [styles.compactImageContainer]: props.size === 'compact',
+                    })}
+                    src={row}
+                />
             </TableColumnContainer>
         );
     }