fix

src/components/ColorPicker1/index.less

@@ -15,6 +15,7 @@
     }
 } 
 .sketchPicker{
+    width: 240px !important;
     border-radius: 0 !important;
     box-shadow: none !important;
     padding: 0 !important;

src/components/ColorPicker1/index.tsx

@@ -8,19 +8,20 @@ type props = {
 }
 
 const ColorPicker = (props: props) => {
-    let {onColor, color = "#000000" } = props
+    let { onColor, color = "#000000" } = props
 
     return <Tooltip
         color="#FFF"
-        title={<SketchPicker 
-            color={color} 
-            presetColors={['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF', '#CBEDBE', '#FFF4D9']} 
-            onChange={(e: any)=>{onColor(e?.hex)}} 
+        title={<SketchPicker
+            color={color}
+            presetColors={['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF', '#CBEDBE', '#FFF4D9']}
+            onChange={(e: any) => { onColor(e?.hex) }}
             className={style.sketchPicker}
         />}
+        overlayInnerStyle={{ width: 255 }}
         trigger='click'>
         <div className={style.swatch}>
-            <div className={style.color} style={{backgroundColor: color}}/>
+            <div className={style.color} style={{ backgroundColor: color }} />
         </div>
     </Tooltip>
 }

src/components/FileBoxAD/index.less

@@ -17,6 +17,7 @@
   align-items: center;
   padding: 10px 0;
   position: relative;
+  font-size: 12px;
   &:hover {
     background-color: #c5d8f0;
     border-radius: 5px;
@@ -29,7 +30,7 @@
   }
 }
 .flex_box_name {
-  width: 85%;
+  width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -121,6 +122,7 @@
   align-items: center;
   padding: 10px 20px;
   position: relative;
+  font-size: 12px;
   img {
     height: 100px;
     width: 130px;

src/components/FileBoxAD/index.tsx

@@ -316,7 +316,7 @@ function FlieBox(props: Props) {
                                                 <span role="img" aria-label="check" style={{ color: '#fff' }}><svg viewBox="64 64 896 896" focusable="false" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path></svg></span>
                                             </span>
                                             {El}
-                                            <span className={style.flex_box_name} onClick={(e) => { copyId(e, item?.url) }}>{item?.videoTitle || item?.title}</span>
+                                            <span className={style.flex_box_name} onClick={(e) => { copyId(e, item?.videoTitle || item?.title) }}>{item?.videoTitle || item?.title}</span>
                                             {mediaType === 'PAGE' ? <span>{topName}</span> : <span>{item?.width}*{item.height}</span>}
                                         </div>
                                     </Spin>