update img-responsive to img-fluid

Author: walesch-yan

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}
         />

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=""
           />

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