feat: Viewport Action Bar

platform/ui/src/components/ViewportGrid/ViewportGrid.jsx

@@ -8,7 +8,7 @@ const ViewportGrid = ({ rows, cols, viewportContents }) => {
       <div
         key={index}
         className={classnames(
-          'border rounded-lg border-secondary-light hover:border-primary-light'
+          'border rounded-lg border-secondary-light hover:border-primary-light transition duration-300'
         )}
       >
         {viewportContent}

platform/ui/src/components/ViewportGrid/ViewportGrid.mdx

@@ -9,7 +9,7 @@ import { ViewportGrid } from '@ohif/ui';
 
 # ViewportGrid
 
-Used display viewports in the viewer page
+Used to display viewports in the viewer page.
 
 ## Import
 
@@ -25,8 +25,12 @@ import { ViewportGrid } from '@ohif/ui';
       rows={1}
       cols={2}
       viewportContents={[
-        <div className="flex items-center justify-center h-full text-white">Viewport1</div>,
-        <div className="flex items-center justify-center h-full text-white">Viewport2</div>
+        <div className="flex items-center justify-center h-full text-white">
+          Viewport1
+        </div>,
+        <div className="flex items-center justify-center h-full text-white">
+          Viewport2
+        </div>,
       ]}
     />
   </div>