Merge pull request #965 from singnet:ui-fix

Ui-fix for training models
singnet · Jan 14, 2025 · e611d7c · e611d7c
2 parents 8daf348 + 9252489
commit e611d7c
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 5 deletions.
diff --git a/src/components/ServiceDetails/ExistingModel/ModelDetails/index.js b/src/components/ServiceDetails/ExistingModel/ModelDetails/index.js
@@ -77,7 +77,9 @@ const ModelDetails = ({ classes, openEditModel, model }) => {
       <div className={classes.modelDetailsContainer}>
         <div className={classes.modelDetails}>
           <div className={classes.titleIdContainer}>
-            <h2>{model.modelName}</h2>
+            <div className={classes.modelNameContainer}>
+              <h2>{model.modelName}</h2>
+            </div>
             <h3>
               Model id: <span>{model.modelId}</span>
             </h3>

diff --git a/src/components/ServiceDetails/ExistingModel/ModelDetails/styles.js b/src/components/ServiceDetails/ExistingModel/ModelDetails/styles.js
@@ -25,13 +25,40 @@ export const useStyles = (theme) => ({
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
+    flexWrap: "wrap",
     "& h3": {
       margin: 0,
       color: theme.palette.text.darkShadedGray,
       fontSize: 18,
       lineHeight: "23px",
     },
   },
+  modelNameContainer: {
+    width: "100%",
+    textAlign: "left",
+    position: "relative",
+    minHeight: "2rem",
+    "& h2": {
+      width: "100%",
+      overflow: "hidden",
+      lineBreak: "anywhere",
+      textOverflow: "ellipsis",
+      display: "-webkit-box",
+      height: "min-content",
+      "-webkit-line-clamp": 1,
+      "-webkit-box-orient": "vertical",
+      transition: "all 0.1s",
+    },
+    "& h2:hover": {
+      position: "absolute",
+      overflow: "auto",
+      height: "min-content",
+      backgroundColor: theme.palette.text.gray1,
+      "-webkit-line-clamp": 10,
+      borderRadius: 5,
+      transition: "all 0.1s",
+    },
+  },
   descriptionContainer: {
     fontSize: 18,
   },

diff --git a/src/components/ServiceDetails/TrainingModels/CreateModel/Data/index.js b/src/components/ServiceDetails/TrainingModels/CreateModel/Data/index.js
@@ -8,14 +8,14 @@ const Dataset = ({ classes, trainingDataset, setTrainingDataset }) => {
     <div className={classes.modelDataContaienr}>
       <div className={classes.createDatasetContainer}>
         <h3>Creating your dataset</h3>
-        <p>
+        {/* <p>
           Your dataset in <span>.ZIP</span> format, weighing less than <span>1.5MB</span> contain two text files:{" "}
           <span>train.txt</span> (2-10k lines) and <span>val.txt</span> (100-500 lines). Each line equals to one
           paragraph of text.
-        </p>
+        </p> */}
       </div>
       <div className={classes.uploadDatasetContainer}>
-        <p>Upload your dataset</p>
+        {/* <p>Upload your dataset</p> */}
         <Upload trainingDataset={trainingDataset} setTrainingDataset={setTrainingDataset} />
       </div>
     </div>

diff --git a/src/components/ServiceDetails/TrainingModels/CreateModel/Data/styles.js b/src/components/ServiceDetails/TrainingModels/CreateModel/Data/styles.js
@@ -40,7 +40,6 @@ export const useStyles = (theme) => ({
     },
   },
   uploadDatasetContainer: {
-    marginTop: 40,
     "& > span": {
       color: theme.palette.text.darkShadedGray,
       fontSize: 14,