fix: Fix pod schedule page styles error

src/components/Base/Text/index.jsx

@@ -25,7 +25,7 @@ import styles from './index.scss'
 
 export default class Text extends React.PureComponent {
   render() {
-    const { icon, title, description, className } = this.props
+    const { icon, title, description, className, extra } = this.props
 
     return (
       <div className={classNames(styles.wrapper, className)}>
@@ -34,6 +34,7 @@ export default class Text extends React.PureComponent {
           <div>{isUndefined(title) || title === '' ? '-' : title}</div>
           <p>{description}</p>
         </div>
+        {extra}
       </div>
     )
   }

src/components/Cards/Volumes/Item.jsx

@@ -121,6 +121,7 @@ const Card = ({ volume, prefix }) => {
     <List.Item
       icon={icon}
       title={volume.name}
+      titleClass={styles.title}
       description={description}
       extras={mount}
       details={details}

src/components/Cards/Volumes/index.scss

@@ -18,22 +18,24 @@
     border-radius: 4px;
 
     & > div {
+      display: flex;
       color: $text-color;
       font-weight: $font-bold;
       min-width: 200px;
-
-      & > span {
-        display: inline-block;
-        vertical-align: middle;
-      }
+      word-break: break-all;
     }
 
     & + li {
       margin-top: 8px;
     }
 
     :global .icon {
+      flex: none;
       margin-right: 8px;
     }
   }
 }
+
+.title {
+  width: 30%;
+}