From 2d7f80cde74e3e6f7e7c9b20fefea8cf5177e6a9 Mon Sep 17 00:00:00 2001
From: walesch-yan <yan.walesch@esrf.fr>
Date: Wed, 16 Jul 2025 14:19:52 +0200
Subject: [PATCH] update img-responsive to img-fluid

---
 ui/src/components/ImageViewer/ImageViewer.jsx | 2 +-
 ui/src/containers/SampleListViewContainer.jsx | 2 +-
 ui/src/containers/SampleQueueContainer.jsx    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/ImageViewer/ImageViewer.jsx b/ui/src/components/ImageViewer/ImageViewer.jsx
index 62bf9fb0a..96e040550 100644
--- a/ui/src/components/ImageViewer/ImageViewer.jsx
+++ b/ui/src/components/ImageViewer/ImageViewer.jsx
@@ -127,7 +127,7 @@ export default function ImageViewer(props) {
     <div>
       <div className={styles.gallery_card}>
         <GalleryImage
-          className={`${styles.gallery_thumbnail} img-responsive`}
+          className={`${styles.gallery_thumbnail} img-fluid`}
           src={props.imgUrl}
           alt={props.imgAlt}
         />
diff --git a/ui/src/containers/SampleListViewContainer.jsx b/ui/src/containers/SampleListViewContainer.jsx
index 07feb20c6..667218e0a 100644
--- a/ui/src/containers/SampleListViewContainer.jsx
+++ b/ui/src/containers/SampleListViewContainer.jsx
@@ -746,7 +746,7 @@ export default function SampleListViewContainer() {
         >
           <img
             src={loader}
-            className="img-centerd img-responsive"
+            className="img-centerd img-fluid"
             width="150"
             alt=""
           />
diff --git a/ui/src/containers/SampleQueueContainer.jsx b/ui/src/containers/SampleQueueContainer.jsx
index 71f8ffdb6..edd061d58 100644
--- a/ui/src/containers/SampleQueueContainer.jsx
+++ b/ui/src/containers/SampleQueueContainer.jsx
@@ -94,7 +94,7 @@ class SampleQueueContainer extends React.Component {
           </Nav>
           {loading ? (
             <div className={styles.centerInBox} style={{ zIndex: '1000' }}>
-              <img src={loader} className="img-responsive" width="100" alt="" />
+              <img src={loader} className="img-fluid" width="100" alt="" />
             </div>
           ) : null}
           <CurrentTree