style: add model selection tips in playground

src/pages/resources/components/model-files.tsx

@@ -97,6 +97,13 @@ const PathWrapper = styled.div`
   }
 `;
 
+const OverlayScrollerWrapper = styled.div`
+  .overlay-scroller-wrapper {
+    padding-block: 0;
+    padding-inline: 6px 0;
+  }
+`;
+
 const ItemWrapper = styled.ul`
   max-width: 300px;
   margin: 0;
@@ -331,7 +338,11 @@ const ModelFiles = () => {
 
     return (
       <Tooltip
-        title={<OverlayScroller>{renderItem()}</OverlayScroller>}
+        title={
+          <OverlayScrollerWrapper>
+            <OverlayScroller>{renderItem()}</OverlayScroller>
+          </OverlayScrollerWrapper>
+        }
         overlayInnerStyle={{ width: 'max-content', maxWidth: 300 }}
       >
         <FilesTag color="purple" icon={<InfoCircleOutlined />}>

src/pages/resources/components/workers.tsx

@@ -246,8 +246,7 @@ const Workers: React.FC = () => {
                   style={{
                     display: 'flex',
                     flexWrap: 'wrap',
-                    gap: 6,
-                    maxWidth: 200
+                    gap: 6
                   }}
                 >
                   {_.map(record.labels, (value: any, key: string) => {
@@ -255,7 +254,7 @@ const Workers: React.FC = () => {
                       <AutoTooltip
                         key={key}
                         className="m-r-0"
-                        maxWidth={120}
+                        maxWidth={155}
                         style={{
                           paddingInline: 8,
                           borderRadius: 12