Merge branch 'dev' of https://github.com/tapis-project/tapis-ui into dev

tapis-project · Aug 27, 2024 · 5443c67 · 5443c67
2 parents 69f5453 + 95d13ba
commit 5443c67
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/app/MlHub/Models/ModelDetails.module.scss b/src/app/MlHub/Models/ModelDetails.module.scss
@@ -61,3 +61,8 @@
 .download-url-button {
   height: 40px;
 }
+
+.modal {
+  overflow-y: auto;
+  max-height: 90vh;
+}
diff --git a/src/app/MlHub/Models/ModelDetails.tsx b/src/app/MlHub/Models/ModelDetails.tsx
@@ -162,6 +162,9 @@ const Buttons: React.FC<{ model: Models.ModelFullInfo }> = ({ model }) => {
       </Button>
       {currentModal === 'modelcard' && (
         <GenericModal
+          size="lg"
+          scrollable
+          className={`${styles['modal']}`}
           toggle={() => {
             setCurrentModal(undefined);
           }}
@@ -172,7 +175,7 @@ const Buttons: React.FC<{ model: Models.ModelFullInfo }> = ({ model }) => {
               {data2?.result?.model_card === undefined ? (
                 'no content available'
               ) : (
-                <>{data2?.result?.model_card}</>
+                <Markdown>{data2?.result?.model_card}</Markdown>
               )}
             </div>
           }