<Miqdad> bring back old set qty for desktop view

1 files changed, 5 insertions, 7 deletions

diff --git a/src-migrate/modules/product-detail/components/PriceAction.tsx b/src-migrate/modules/product-detail/components/PriceAction.tsx
index 2c678c6b..5daf5bed 100644
--- a/src-migrate/modules/product-detail/components/PriceAction.tsx
+++ b/src-migrate/modules/product-detail/components/PriceAction.tsx
@@ -161,16 +161,15 @@ const PriceAction = ({ product }: Props) => {
         <div className='h-4' />
         <div className='flex gap-x-5 items-center'>
           {/* Qty */}
-          <div className='inline-flex items-center border rounded-md overflow-hidden'>
+          <div className='relative flex items-center'>
             <button
               type='button'
-              className='px-3 py-1 text-gray-500 hover:bg-gray-100'
+              className='absolute left-0 px-2 py-1 h-full text-gray-500'
               onClick={() =>
                 setQuantityInput(String(Math.max(1, Number(quantityInput) - 1)))
               }
-              aria-label='Kurangi'
             >
-              –
+              -
             </button>
             <input
               type='number'
@@ -178,15 +177,14 @@ const PriceAction = ({ product }: Props) => {
               min={1}
               value={quantityInput}
               onChange={(e) => setQuantityInput(e.target.value)}
-              className='w-12 text-center outline-none border-x'
+              className={style['quantity-input']}
             />
             <button
               type='button'
-              className='px-3 py-1 text-gray-500 hover:bg-gray-100'
+              className='absolute right-0 px-2 py-1 h-full text-gray-500'
               onClick={() =>
                 setQuantityInput(String(Number(quantityInput) + 1))
               }
-              aria-label='Tambah'
             >
               +
             </button>