fix: command input mobile styles

mrgnlabs · Dec 7, 2024 · 5c46a26 · 5c46a26
1 parent cd1ee9d
commit 5c46a26
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/.../components/action-box-v2/components/action-input/bank-list-command/bank-list-command.tsx b/.../components/action-box-v2/components/action-input/bank-list-command/bank-list-command.tsx
@@ -23,16 +23,12 @@ export const BankListCommand = ({ selectedBank, onSetSearchQuery, onClose, child
     >
       <CommandInput
         placeholder="Search token..."
-        wrapperClassName="fixed mx-2 lg:mx-0 bg-mfi-action-box-background w-[calc(100%-30px)] px-4 lg:pl-3 border rounded-lg border-border z-40 flex justify-between"
+        wrapperClassName="fixed mx-2 lg:mx-0 bg-mfi-action-box-background w-[calc(100%-50px)] md:w-[calc(100%-30px)] px-4 lg:pl-3 border rounded-lg border-border z-40 flex justify-between"
         className="h-12"
         autoFocus={true}
         onValueChange={(value) => onSetSearchQuery(value)}
       />
-      <button
-        onClick={onClose}
-        className={cn("fixed z-50", isMobile ? "top-9 right-4" : "top-8 right-6")}
-        aria-label="Close"
-      >
+      <button onClick={() => onClose()} className={cn("fixed z-50 top-8 ", isMobile ? "right-10" : "right-6")}>
         <IconX size={18} className="opacity-50" />
       </button>
       <CommandList className="overflow-auto mt-[60px]">{children}</CommandList>