danak/dmenu-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive score setting

Browse Source
This commit is contained in:
hamid zarghami
2025-12-30 14:28:06 +03:30
parent 909bc4f879
commit 6571148727
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/settings/components/ScoreSetting.tsx
+17 -17
View File
@@ -96,14 +96,14 @@ const ScoreSetting: FC = () => {
return ( return (
<form onSubmit={formik.handleSubmit} className='bg-white rounded-2xl p-6'> <form onSubmit={formik.handleSubmit} className='bg-white rounded-2xl p-4 sm:p-6'>
{/* بخش امتیاز خرید */} {/* بخش امتیاز خرید */}
<div className='mb-8'> <div className='mb-6 sm:mb-8'>
<h2 className='text-base font-medium mb-6 text-right'>امتیاز خرید</h2> <h2 className='text-base font-medium mb-4 sm:mb-6 text-right'>امتیاز خرید</h2>
{/* خط اول */} {/* خط اول */}
<div className='flex items-center gap-3 mb-4'> <div className='flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-3 mb-4'>
<div className='flex items-center gap-2'> <div className='flex flex-col sm:flex-row sm:items-center gap-2 flex-1'>
<span className='text-sm text-gray-700 whitespace-nowrap'>به ازای هر</span> <span className='text-sm text-gray-700 whitespace-nowrap'>به ازای هر</span>
<Input <Input
name='purchaseAmount' name='purchaseAmount'
@@ -113,10 +113,10 @@ const ScoreSetting: FC = () => {
error_text={getFieldError('purchaseAmount')} error_text={getFieldError('purchaseAmount')}
placeholder='0' placeholder='0'
seprator seprator
className='w-[200px]' className='w-full sm:w-[200px]'
/> />
</div> </div>
<div className='flex items-center gap-2'> <div className='flex flex-col sm:flex-row sm:items-center gap-2 flex-1'>
<span className='text-sm text-gray-700 whitespace-nowrap'>تومان خرید مقدار</span> <span className='text-sm text-gray-700 whitespace-nowrap'>تومان خرید مقدار</span>
<Input <Input
name='purchaseScore' name='purchaseScore'
@@ -126,15 +126,15 @@ const ScoreSetting: FC = () => {
error_text={getFieldError('purchaseScore')} error_text={getFieldError('purchaseScore')}
placeholder='0' placeholder='0'
seprator seprator
className='w-[200px]' className='w-full sm:w-[200px]'
/> />
</div> </div>
<span className='text-sm text-gray-700 whitespace-nowrap'>امتیاز به مشتری داده میشود.</span> <span className='text-sm text-gray-700 whitespace-nowrap'>امتیاز به مشتری داده میشود.</span>
</div> </div>
{/* خط دوم */} {/* خط دوم */}
<div className='flex items-center gap-3'> <div className='flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-3'>
<div className='flex items-center gap-2'> <div className='flex flex-col sm:flex-row sm:items-center gap-2 flex-1'>
<span className='text-sm text-gray-700 whitespace-nowrap'>هر</span> <span className='text-sm text-gray-700 whitespace-nowrap'>هر</span>
<Input <Input
name='scoreAmount' name='scoreAmount'
@@ -144,10 +144,10 @@ const ScoreSetting: FC = () => {
error_text={getFieldError('scoreAmount')} error_text={getFieldError('scoreAmount')}
placeholder='0' placeholder='0'
seprator seprator
className='w-[200px]' className='w-full sm:w-[200px]'
/> />
</div> </div>
<div className='flex items-center gap-2'> <div className='flex flex-col sm:flex-row sm:items-center gap-2 flex-1'>
<span className='text-sm text-gray-700 whitespace-nowrap'>امتیاز معادل</span> <span className='text-sm text-gray-700 whitespace-nowrap'>امتیاز معادل</span>
<Input <Input
name='scoreCredit' name='scoreCredit'
@@ -157,7 +157,7 @@ const ScoreSetting: FC = () => {
error_text={getFieldError('scoreCredit')} error_text={getFieldError('scoreCredit')}
placeholder='0' placeholder='0'
seprator seprator
className='w-[200px]' className='w-full sm:w-[200px]'
/> />
</div> </div>
<span className='text-sm text-gray-700 whitespace-nowrap'>تومان اعتبار خرید است.</span> <span className='text-sm text-gray-700 whitespace-nowrap'>تومان اعتبار خرید است.</span>
@@ -165,10 +165,10 @@ const ScoreSetting: FC = () => {
</div> </div>
{/* بخش امتیاز ثابت */} {/* بخش امتیاز ثابت */}
<div className='mb-8'> <div className='mb-6 sm:mb-8'>
<h2 className='text-base font-medium mb-6 text-right'>امتیاز ثابت</h2> <h2 className='text-base font-medium mb-4 sm:mb-6 text-right'>امتیاز ثابت</h2>
<div className='grid grid-cols-1 md:grid-cols-2 gap-6 gap-x-8'> <div className='grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6 gap-x-8'>
<div className='space-y-4'> <div className='space-y-4'>
<Input <Input
label='امتیاز ثبت نام' label='امتیاز ثبت نام'
@@ -223,7 +223,7 @@ const ScoreSetting: FC = () => {
<Button <Button
type='submit' type='submit'
isloading={isPending} isloading={isPending}
className='w-full md:w-48' className='w-full sm:w-48'
> >
ذخیره تغییرات ذخیره تغییرات
</Button> </Button>