From 909bc4f8797db1d8c5b5fba692c5453c4d7361fd Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Tue, 30 Dec 2025 14:25:09 +0330
Subject: [PATCH] create and update coupon reponsive

---
 src/pages/coupon/Create.tsx                   | 8 ++++----
 src/pages/coupon/Update.tsx                   | 8 ++++----
 src/pages/coupon/components/CouponSidebar.tsx | 2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/pages/coupon/Create.tsx b/src/pages/coupon/Create.tsx
index 80effc6..a055e68 100644
--- a/src/pages/coupon/Create.tsx
+++ b/src/pages/coupon/Create.tsx
@@ -85,7 +85,7 @@ const CreateCoupon: FC = () => {
 
             <div className='flex justify-end'>
                 <Button
-                    className='flex gap-4 w-fit px-5'
+                    className='flex gap-4 w-full sm:w-fit px-5'
                     isloading={isCreating}
                     onClick={() => formik.handleSubmit()}
                 >
@@ -96,9 +96,9 @@ const CreateCoupon: FC = () => {
                 </Button>
             </div>
 
-            <div className='flex gap-7 mt-7'>
+            <div className='flex flex-col lg:flex-row gap-7 mt-7'>
                 <div className='flex-1'>
-                    <div className='bg-white rounded-4xl p-8'>
+                    <div className='bg-white rounded-4xl p-4 sm:p-6 lg:p-8'>
                         <div className='text-lg font-light mb-6'>کد تخفیف جدید</div>
 
                         <CouponBasicInfo
@@ -115,7 +115,7 @@ const CreateCoupon: FC = () => {
                     </div>
                 </div>
 
-                <div className='w-80 flex-shrink-0'>
+                <div className='w-full lg:w-80 flex-shrink-0'>
                     <CouponSidebar
                         formik={formik}
                         categories={categories}
diff --git a/src/pages/coupon/Update.tsx b/src/pages/coupon/Update.tsx
index 84caec5..c745591 100644
--- a/src/pages/coupon/Update.tsx
+++ b/src/pages/coupon/Update.tsx
@@ -129,7 +129,7 @@ const UpdateCoupon: FC = () => {
 
             <div className='flex justify-end'>
                 <Button
-                    className='flex gap-4 w-fit px-5'
+                    className='flex gap-4 w-full sm:w-fit px-5'
                     isloading={isUpdating}
                     onClick={() => formik.handleSubmit()}
                 >
@@ -140,9 +140,9 @@ const UpdateCoupon: FC = () => {
                 </Button>
             </div>
 
-            <div className='flex gap-7 mt-7'>
+            <div className='flex flex-col lg:flex-row gap-7 mt-7'>
                 <div className='flex-1'>
-                    <div className='bg-white rounded-4xl p-8'>
+                    <div className='bg-white rounded-4xl p-4 sm:p-6 lg:p-8'>
                         <div className='text-lg font-light mb-6'>ویرایش کد تخفیف</div>
 
                         <CouponBasicInfo
@@ -163,7 +163,7 @@ const UpdateCoupon: FC = () => {
                     </div>
                 </div>
 
-                <div className='w-80 flex-shrink-0'>
+                <div className='w-full lg:w-80 flex-shrink-0'>
                     <CouponSidebar
                         formik={formik}
                         categories={categories}
diff --git a/src/pages/coupon/components/CouponSidebar.tsx b/src/pages/coupon/components/CouponSidebar.tsx
index 543a49b..8a33c49 100644
--- a/src/pages/coupon/components/CouponSidebar.tsx
+++ b/src/pages/coupon/components/CouponSidebar.tsx
@@ -23,7 +23,7 @@ interface CouponSidebarProps {
 
 const CouponSidebar: FC<CouponSidebarProps> = ({ formik, categories, foods }) => {
     return (
-        <div className='bg-white rounded-4xl p-6'>
+        <div className='bg-white rounded-4xl p-4 sm:p-6'>
             <div className='mb-6'>
                 <div className='text-sm mb-3'>وضعیت تخفیف</div>
                 <SwitchComponent