transition to investigate

FrontEnd/src/assets/styles/orthancToolsJs.scss

@@ -37,25 +37,22 @@ body {
   color: #636A6E;
 }
 
-.alert-enter {
+.main-enter {
   opacity: 0;
-  transform: scale(0.9);
 }
 
-.alert-enter-active {
-  opacity: 1;
-  transform: translateX(0);
-  transition: opacity 300ms, transform 300ms;
+.main-enter-active {
+  opacity: 0.5;
+  transition: opacity 1000ms
 }
 
-.alert-exit {
+.main-exit {
   opacity: 1;
 }
 
-.alert-exit-active {
+.main-exit-active {
   opacity: 0;
-  transform: scale(0.9);
-  transition: opacity 300ms, transform 300ms;
+  transition: opacity 1500ms
 }
 
 .bg-green {

FrontEnd/src/components/Main/MainRoot.js

@@ -52,7 +52,7 @@ const AnimatedSwitch = () => {
     const location = useLocation()
     return (
         <TransitionGroup>
-            <CSSTransition key={location.key} timeout={500} unmountOnExit classNames={"alert"}>
+            <CSSTransition key={location.pathname} unmountOnExit classNames={"main"}>
                 <Routes location={location}>
                     <Route path='/import' element={<ImportRootPanel />} />
                     <Route path='/query' element={<Query />} />

FrontEnd/src/components/MyDicom/MyDicomRoot.js

@@ -4,6 +4,7 @@ import { useSelector } from 'react-redux'
 import { useCustomQuery } from '../../services/ReactQuery/hooks'
 import { keys } from '../../model/Constant'
 import Spinner from '../CommonComponents/Spinner'
+import { Container } from 'react-bootstrap'
 
 export default () => {
 
@@ -20,11 +21,10 @@ export default () => {
     )
 
     if (isLoading) return <Spinner/>
-
-    console.log(labels)
+
     return (
-        <>
+        <Container fluid>
             In construction
-        </>
+        </Container>
     )
 }