chore: update ui width text field slider, and conditional button copy for hgf token (#4661)

web/containers/SliderRightPanel/index.tsx

@@ -73,7 +73,7 @@ const SliderRightPanel = ({
           trigger={
             <Input
               type="text"
-              className="-mt-4 h-8 w-[60px]"
+              className="-mt-4 h-8 w-[68px]"
               min={min}
               max={max}
               value={val}

web/screens/Settings/SettingDetail/SettingDetailItem/SettingDetailTextInputItem/index.tsx

@@ -102,6 +102,7 @@ const SettingDetailTextInputItem = ({
               <InputExtraActions
                 actions={inputActions ?? []}
                 onAction={onAction}
+                value={value}
                 copied={copied}
                 obscure={obscure}
               />
@@ -118,11 +119,13 @@ type InputActionProps = {
   onAction: (action: InputAction) => void
   copied: boolean
   obscure: boolean
+  value: string | string[]
 }
 
 const InputExtraActions: React.FC<InputActionProps> = ({
   actions,
   onAction,
+  value,
   copied,
   obscure,
 }) => {
@@ -141,11 +144,15 @@ const InputExtraActions: React.FC<InputActionProps> = ({
                 className="text-green-600"
               />
             ) : (
-              <CopyIcon
-                key={action}
-                size={16}
-                onClick={() => onAction('copy')}
-              />
+              <>
+                {value.length > 0 && (
+                  <CopyIcon
+                    key={action}
+                    size={16}
+                    onClick={() => onAction('copy')}
+                  />
+                )}
+              </>
             )
 
           case 'unobscure':