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 (
<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'>
<h2 className='text-base font-medium mb-6 text-right'>امتیاز خرید</h2>
<div className='mb-6 sm:mb-8'>
<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 items-center gap-2'>
<div className='flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-3 mb-4'>
<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>
<Input
name='purchaseAmount'
@@ -113,10 +113,10 @@ const ScoreSetting: FC = () => {
error_text={getFieldError('purchaseAmount')}
placeholder='0'
seprator
className='w-[200px]'
className='w-full sm:w-[200px]'
/>
</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>
<Input
name='purchaseScore'
@@ -126,15 +126,15 @@ const ScoreSetting: FC = () => {
error_text={getFieldError('purchaseScore')}
placeholder='0'
seprator
className='w-[200px]'
className='w-full sm:w-[200px]'
/>
</div>
<span className='text-sm text-gray-700 whitespace-nowrap'>امتیاز به مشتری داده میشود.</span>
</div>
{/* خط دوم */}
<div className='flex items-center gap-3'>
<div className='flex items-center gap-2'>
<div className='flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-3'>
<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>
<Input
name='scoreAmount'
@@ -144,10 +144,10 @@ const ScoreSetting: FC = () => {
error_text={getFieldError('scoreAmount')}
placeholder='0'
seprator
className='w-[200px]'
className='w-full sm:w-[200px]'
/>
</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>
<Input
name='scoreCredit'
@@ -157,7 +157,7 @@ const ScoreSetting: FC = () => {
error_text={getFieldError('scoreCredit')}
placeholder='0'
seprator
className='w-[200px]'
className='w-full sm:w-[200px]'
/>
</div>
<span className='text-sm text-gray-700 whitespace-nowrap'>تومان اعتبار خرید است.</span>
@@ -165,10 +165,10 @@ const ScoreSetting: FC = () => {
</div>
{/* بخش امتیاز ثابت */}
<div className='mb-8'>
<h2 className='text-base font-medium mb-6 text-right'>امتیاز ثابت</h2>
<div className='mb-6 sm:mb-8'>
<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'>
<Input
label='امتیاز ثبت نام'
@@ -223,7 +223,7 @@ const ScoreSetting: FC = () => {
<Button
type='submit'
isloading={isPending}
className='w-full md:w-48'
className='w-full sm:w-48'
>
ذخیره تغییرات
</Button>