From 48e2718dd188f301f7dd9b3a43f632cf10c66599 Mon Sep 17 00:00:00 2001 From: RaptorDE <37591931+RaptorDE@users.noreply.github.com> Date: Sun, 26 May 2024 19:03:46 +0200 Subject: [PATCH 1/2] the preview image size in tables has been adjusted for better visibility --- assets/css/app/images.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/assets/css/app/images.css b/assets/css/app/images.css index 9168484d..99b00116 100644 --- a/assets/css/app/images.css +++ b/assets/css/app/images.css @@ -18,8 +18,8 @@ */ .hoverpic { - min-width: 10px; - max-width: 30px; + min-width: 30px; + max-width: 80px; display: block; margin-left: auto; margin-right: auto; @@ -49,7 +49,7 @@ } .part-table-image { - max-height: 40px; + max-height: 80px; object-fit: contain; width: 100%; } From 1a291744e4797eaf32a7616d24c9d37119579f57 Mon Sep 17 00:00:00 2001 From: RaptorDE <37591931+RaptorDE@users.noreply.github.com> Date: Sun, 9 Jun 2024 12:14:52 +0200 Subject: [PATCH 2/2] Update images.css to improve the preview image size on mobile phones The hoverpic min-width and max-width are now the same size, to improve the preview image size on mobile phones. --- assets/css/app/images.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/assets/css/app/images.css b/assets/css/app/images.css index 99b00116..51a98979 100644 --- a/assets/css/app/images.css +++ b/assets/css/app/images.css @@ -19,7 +19,7 @@ .hoverpic { min-width: 30px; - max-width: 80px; + max-width: 30px; display: block; margin-left: auto; margin-right: auto; @@ -49,7 +49,7 @@ } .part-table-image { - max-height: 80px; + max-height: 40px; object-fit: contain; width: 100%; } @@ -61,4 +61,4 @@ .object-fit-cover { object-fit: cover; -} \ No newline at end of file +}