feat: 修改样式

packages/airo-ui/src/components/AiroButton.tsx

@@ -10,8 +10,8 @@ const buttonVariants = cva(
     variants: {
       variant: {
         default: 'bg-[#0F2C53] text-primary-foreground shadow hover:bg-[#225BA9]',
-        primary: 'bg-[#A8D4ED] text-primary-foreground shadow hover:bg-[#225BA9] ',
-        danger: 'bg-[#F8BFD2] text-primary-foreground shadow hover:bg-[#FF4248]',
+        primary: 'bg-[#225BA9] text-primary-foreground shadow hover:bg-[#0F2C53] ',
+        danger: 'bg-[#FF4248] text-primary-foreground shadow hover:bg-[#E22C2E]',
         destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
         outline:
           'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',

packages/airo-ui/src/custom-components/enhanced-input.tsx

@@ -116,7 +116,9 @@ export function EnhancedInput({
 
   const renderPrefix = () => {
     return typeof prefix === 'string' ? (
-      <div className='bg-muted relative mr-px flex h-9 items-center text-nowrap px-3'>{prefix}</div>
+      <div className='relative mr-px flex h-9 min-w-[50px] items-center justify-center text-nowrap bg-[#0F2C53] pl-3 pr-1 font-bold text-white'>
+        {prefix}
+      </div>
     ) : (
       prefix
     );
@@ -124,7 +126,9 @@ export function EnhancedInput({
 
   const renderSuffix = () => {
     return typeof suffix === 'string' ? (
-      <div className='bg-muted relative ml-px flex h-9 items-center text-nowrap px-3'>{suffix}</div>
+      <div className='relative ml-px flex h-9 items-center text-nowrap bg-[#0F2C53] px-3 font-bold text-white'>
+        {suffix}
+      </div>
     ) : (
       suffix
     );
@@ -133,20 +137,22 @@ export function EnhancedInput({
   return (
     <div
       className={cn(
-        'border-input flex w-full items-center overflow-hidden rounded-md border',
+        'border-input flex w-full items-center overflow-hidden rounded-full border bg-[#0F2C53]',
         className,
       )}
       suppressHydrationWarning
     >
       {renderPrefix()}
-      <Input
-        step={0.01}
-        {...props}
-        value={value}
-        className='block rounded-none border-none'
-        onChange={handleChange}
-        onBlur={handleBlur}
-      />
+      <div className={'flex-1 py-[3px]'}>
+        <Input
+          step={0.01}
+          {...props}
+          value={value}
+          className='block h-[44px] rounded-full border-none bg-white shadow-[inset_0_0_7.6px_0_rgba(0,0,0,0.25)]'
+          onChange={handleChange}
+          onBlur={handleBlur}
+        />
+      </div>
       {renderSuffix()}
     </div>
   );