fix: Fixed Cart layout on desktop and mobile version

nemanja85 · Nov 25, 2023 · 8077122 · 8077122
1 parent 8ffe88d
commit 8077122
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/CartItem.tsx b/src/components/CartItem.tsx
@@ -66,9 +66,9 @@ const CartItem = ({ item }: Props) => {
           {item.currentPrice}
           <sup className="pl-2">RSD</sup>
         </p>
-        <p className="text-base leading-[18px] text-orange-600 line-through pt-2">
-          {item.oldPrice}
-          <sup className="pl-2">RSD</sup>
+        <p className="text-base leading-[18px] text-orange-600 pt-2">
+          <span className="line-through">{item.oldPrice}</span>
+          <sup className="pl-2 ">RSD</sup>
         </p>
       </div>
     </article>

diff --git a/src/pages/Cart.tsx b/src/pages/Cart.tsx
@@ -16,7 +16,7 @@ export default function Cart() {
                 <CartItem key={cartItem.id} item={cartItem} />
               ))}
             </div>
-            <div className="w-full p-4 mt-5 space-y-3 max-h-96 bg-ligthGray md:w-1/ md:mt-0">
+            <div className="w-full p-4 mt-5 space-y-3 max-h-96 bg-ligthGray md:w-1/ md:mt-0 md:ml-8 md:max-w-[300px] lg:max-w-[400px]">
               <h3 className="text-base font-bold">Tvoja narudžbina</h3>
               <div className="flex flex-col w-full space-y-3">
                 <div className="flex flex-row justify-between">