request changes

bancorprotocol · Jan 16, 2025 · 3524f19 · 3524f19
1 parent e60a33a
commit 3524f19
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/cart/EmptyCart.tsx b/src/components/cart/EmptyCart.tsx
@@ -12,9 +12,8 @@ export const EmptyCart = () => {
         </span>
       </div>
       <h2 className="max-w-[440px] text-[32px] leading-[36px]">
-        No Strategies Found
+        Your Cart is Empty
       </h2>
-      <p className="text-16 max-w-[440px] text-white/60">Your cart is empty</p>
       <Link
         to="/trade/disposable"
         className={buttonStyles({ variant: 'success' })}

diff --git a/src/components/core/menu/mainMenu/MainMenuCart.tsx b/src/components/core/menu/mainMenu/MainMenuCart.tsx
@@ -29,13 +29,13 @@ export const MainMenuCart = () => {
     <Link
       id="menu-cart-link"
       to="/cart"
-      className="bg-background-800 hover:border-background-700 grid size-40 rounded-full border-2 border-transparent p-8 [grid-template-areas:'stack'] aria-[current=page]:border-white"
+      className="bg-background-800 hover:border-background-700 grid size-40 rounded-full border-2 border-transparent p-6 [grid-template-areas:'stack'] aria-[current=page]:border-white"
       aria-label="Cart page"
       aria-current={pathname.startsWith('/cart') ? 'page' : 'false'}
     >
       <CartIcon className="size-20 place-self-center text-white [grid-area:stack]" />
       {!!cartSize && (
-        <span className="bg-success-light grid size-10 place-items-center justify-self-end rounded-full text-[10px] leading-tight text-black [grid-area:stack]">
+        <span className="bg-success-light grid size-12 place-items-center justify-self-end rounded-full text-[10px] leading-tight text-black [grid-area:stack]">
           {cartSize}
         </span>
       )}

diff --git a/src/libs/modals/modals/ModalConfirm/ModalConfirm.tsx b/src/libs/modals/modals/ModalConfirm/ModalConfirm.tsx
@@ -52,7 +52,7 @@ export const ModalConfirm: ModalFC<ModalCreateConfirmData> = ({
       data-testid="approval-modal"
     >
       <h3 className="text-14 my-10 text-white/60">Approve Tokens</h3>
-      <ul className="space-y-20">
+      <ul className="grid gap-20">
         {approvalQuery.map(({ data, isPending, error }, i) => (
           <li key={i}>
             <ApproveToken
@@ -77,6 +77,7 @@ export const ModalConfirm: ModalFC<ModalCreateConfirmData> = ({
           await onConfirm();
           handleAfterConfirmationEvent(eventData, context);
         }}
+        className="shrink-0"
         data-testid="approve-submit"
       >
         {buttonLabel}