change size email deatail + add ovral config

orval.config.ts

@@ -0,0 +1,11 @@
+export default {
+  dmail: {
+    input: "./openapi.yaml", // مسیر فایل OpenAPI
+    output: {
+      mode: "tags-split", // یا 'single'
+      target: "./src/api", // خروجی فایل‌های API
+      client: "react-query", // یا 'axios'
+      schemas: "./src/api/model", // خروجی مدل‌ها
+    },
+  },
+};

package.json

@@ -7,7 +7,8 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "orval": "orval"
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.3.2",
@@ -50,10 +51,11 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^16.0.0",
+    "orval": "^7.10.0",
     "tw-animate-css": "^1.3.0",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.26.1",
     "vite": "^6.3.1"
   },
-  "packageManager": "pnpm@10.8.1+sha512.c50088ba998c67b8ca8c99df8a5e02fd2ae2e2b29aaf238feaa9e124248d3f48f9fb6db2424949ff901cffbb5e0f0cc1ad6aedb602cd29450751d11c35023677"
+  "packageManager": "pnpm@10.12.4+sha512.5ea8b0deed94ed68691c9bad4c955492705c5eeb8a87ef86bc62c74a26b037b08ff9570f108b2e4dbd1dd1a9186fea925e527f141c648e85af45631074680184"
 }

src/pages/received/Components/Header.tsx

@@ -10,14 +10,14 @@ const Header: FC = () => {
     return (
         <div className='flex justify-between items-center border-b border-border pb-6'>
             <div className='flex xl:gap-4 gap-2'>
-                <ArrowRight size={20} color='#8C90A3' />
+                <ArrowRight size={18} color='#8C90A3' />
-                <SmsNotification size={20} color='black' className='xl:block hidden' />
+                <SmsNotification size={18} color='black' className='xl:block hidden' />
-                <ArchiveTick size={20} color='black' className='xl:block hidden' />
+                <ArchiveTick size={18} color='black' className='xl:block hidden' />
-                <InfoCircle size={20} color='black' className='xl:block hidden' />
+                <InfoCircle size={18} color='black' className='xl:block hidden' />
-                <Star size={20} color='black' className='xl:block hidden' />
+                <Star size={18} color='black' className='xl:block hidden' />
-                <VolumeMute size={20} color='black' className='xl:block hidden' />
+                <VolumeMute size={18} color='black' className='xl:block hidden' />
-                <Trash size={20} color='#CD0000' className='xl:block hidden' />
+                <Trash size={18} color='#CD0000' className='xl:block hidden' />
-                <More size={20} color='black' className='rotate-90' />
+                <More size={18} color='black' className='rotate-90' />
             </div>
 
             <div className='flex gap-2'>

src/pages/received/Detail.tsx

@@ -23,7 +23,7 @@ const DetailEmail: FC = () => {
                 <div className='flex xl:flex-row flex-col-reverse gap-4 xl:items-center'>
                     <div className='flex gap-1 items-center'>
                         <div className='font-extralight hidden xl:block'>{t('mail.subject')}</div>
-                        <div className='leading-7'>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</div>
+                        <div className='leading-7 text-sm'>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</div>
                     </div>
                     <div className='flex gap-2'>
                         <Button
@@ -44,10 +44,10 @@ const DetailEmail: FC = () => {
 
             <div className='mt-6 flex gap-4 items-center'>
                 <img src={AvatarImage} className='size-10' />
-                <div>مهرداد مظفری</div>
+                <div className='text-sm'>مهرداد مظفری</div>
             </div>
 
-            <p className='xl:mt-8 mt-3 text-sm leading-7 font-light'>
+            <p className='xl:mt-8 mt-3 text-[13px] leading-7 font-light'>
                 لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی در شصت و سه درصد گذشته حال و آیندهلورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی در شصت و سه درصد گذشته حال و آینده
             </p>