dark mode v1

This commit is contained in:
hamid zarghami
2025-08-18 15:23:31 +03:30
parent 561bf9d5d5
commit 916b88731c
49 changed files with 655 additions and 371 deletions
+4 -4
View File
@@ -100,13 +100,13 @@ const Profile: FC = () => {
getProfile.isPending ?
<div></div>
:
<div className='bg-white rounded-3xl xl:p-6 p-4 mt-8 text-sm'>
<div className='bg-card border border-border rounded-3xl xl:p-6 p-4 mt-8 text-sm'>
<div className='xl:mt-10 mt-4 flex xl:flex-row flex-col xl:gap-0 gap-7 xl:items-center border-b pb-7'>
<div className='flex-1'>
<div>
{t('profile.image_profile')}
</div>
<div className='text-description text-xs mt-2'>
<div className='text-muted-foreground text-xs mt-2'>
{t('profile.image_profile_desc')}
</div>
</div>
@@ -123,7 +123,7 @@ const Profile: FC = () => {
<div>{t('profile.upload_image')}</div>
</div>
</Button>
<p className='mt-3 items-center flex gap-0.5 text-description'>
<p className='mt-3 items-center flex gap-0.5 text-muted-foreground'>
{t('profile.formats')}
<div className='-mt-0.5'>{t('profile.format_image')}</div>
<span>{t('profile.max_size')}</span>
@@ -137,7 +137,7 @@ const Profile: FC = () => {
<div>
{t('profile.info_account')}
</div>
<div className='text-description text-xs mt-2'>
<div className='text-muted-foreground text-xs mt-2'>
{t('profile.auth_after_change_info')}
</div>
</div>
+1 -1
View File
@@ -41,7 +41,7 @@ const Email: FC<Props> = (props: Props) => {
/>
{
isReadOnly ?
<div onClick={() => setIsReadOnly(false)} className='flex cursor-pointer relative -top-3 gap-1 text-[#0047FF] text-xs items-center'>
<div onClick={() => setIsReadOnly(false)} className='flex cursor-pointer relative -top-3 gap-1 text-primary text-xs items-center'>
{/* <Edit className='xl:size-[18px] size-4' color='#0047FF' />
<div>
{t('edit')}
+2 -2
View File
@@ -65,7 +65,7 @@ const Phone: FC<Props> = (props: Props) => {
/>
{
isReadOnly ?
<div onClick={() => setIsReadOnly(false)} className='flex cursor-pointer relative -top-3 gap-1 text-[#0047FF] text-xs items-center'>
<div onClick={() => setIsReadOnly(false)} className='flex cursor-pointer relative -top-3 gap-1 text-primary text-xs items-center'>
{/* <Edit className='xl:size-[18px] size-4' color='#0047FF' />
<div>
{t('edit')}
@@ -114,7 +114,7 @@ const Phone: FC<Props> = (props: Props) => {
<div className='mt-14 flex justify-end border-t border-border pt-8'>
<div className='flex gap-5'>
<Button
className='bg-white bg-opacity-40 text-description w-[150px] text-xs'
className='bg-card text-muted-foreground w-[150px] text-xs border border-border'
label='لغو'
onClick={() => setShowModal(false)}
/>
+1 -1
View File
@@ -91,7 +91,7 @@ const Username: FC<Props> = (props: Props) => {
</div>
}
</div>
<div className='flex relative gap-1 text-[#0047FF] text-xs items-center'>
<div className='flex relative gap-1 text-primary text-xs items-center'>
{
!canEdit ?
<div onClick={() => setCanEdit(true)} className='flex gap-1 cursor-pointer relative -top-3'>