chore: npu ux for add worker

src/pages/llmodels/components/compatible-alert.tsx

@@ -25,7 +25,8 @@ interface CompatibilityAlertProps {
 
 const DivWrapper = styled.div`
   position: relative;
-  padding-inline: 8px;
+  padding-inline: 24px;
+  padding-block: 10px 0;
   &:hover {
     .close-wrapper {
       display: block;
@@ -36,11 +37,10 @@ const DivWrapper = styled.div`
 const CloseWrapper = styled.div`
   display: none;
   position: absolute;
-  top: 6px;
-  right: 12px;
+  top: 14px;
+  right: 28px;
   line-height: 1;
   cursor: pointer;
-  background-color: var(--ant-color-warning-bg);
 `;
 
 const MessageWrapper = styled.div`
@@ -104,7 +104,7 @@ const CompatibilityAlert: React.FC<CompatibilityAlertProps> = (props) => {
           type={type || 'warning'}
           icon={renderIcon}
         ></AlertBlockInfo>
-        {showClose && !['transition', 'success'].includes(type) && (
+        {showClose && !['transition'].includes(type) && (
           <CloseWrapper className="close-wrapper">
             <Button
               onClick={onClose}

src/pages/llmodels/components/data-form.tsx

@@ -325,6 +325,7 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
       </Form.Item>
       <Form.Item<FormData> name="description">
         <SealInput.TextArea
+          scaleSize={true}
           label={intl.formatMessage({
             id: 'common.table.description'
           })}

src/pages/llmodels/components/deploy-modal.tsx

@@ -320,13 +320,7 @@ const AddModal: FC<AddModalProps> = (props) => {
         >
           <FormWrapper>
             <ColumnWrapper
-              paddingBottom={
-                warningStatus.show
-                  ? Array.isArray(warningStatus.message)
-                    ? 150
-                    : 125
-                  : 50
-              }
+              paddingBottom={warningStatus.show ? 170 : 50}
               footer={
                 <>
                   <CompatibilityAlert

src/pages/llmodels/components/incompatiable-info.tsx

@@ -16,6 +16,7 @@ const CompatibleTag = styled(Tag)`
   margin-right: 0;
   font-size: var(--font-size-base);
   background: transparent !important;
+  padding-inline: 0;
 `;
 
 const ClaimTag = styled(Tag)`

src/pages/llmodels/components/update-modal.tsx

@@ -432,11 +432,7 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
       <ColumnWrapper
         maxHeight={550}
         paddingBottom={
-          warningStatus.show
-            ? Array.isArray(warningStatus.message)
-              ? 100
-              : 70
-            : 0
+          warningStatus.show ? (warningStatus.isDefault ? 50 : 100) : 0
         }
         footer={
           <>
@@ -584,6 +580,7 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
             </Form.Item>
             <Form.Item<FormData> name="description">
               <SealInput.TextArea
+                scaleSize={true}
                 label={intl.formatMessage({
                   id: 'common.table.description'
                 })}