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

home page

Browse Source
This commit is contained in:
hamid zarghami
2025-11-12 16:28:45 +03:30
parent 1ad0424ace
commit c1c6b0ebf7
3 changed files with 111 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/editor/components/EditorSidebar.tsx
+5 -2
View File
@@ -22,8 +22,8 @@ const EditorSidebar = () => {
<img src={Logo} alt="لوگو دانک" className="h-9" />
</div>
<div className="flex flex-1 min-h-0">
<div className="flex h-full max-w-[92px] flex-1 flex-col items-center gap-6 overflow-y-auto border-l border-border">
<div className="flex gap-8 flex-1 min-h-0">
<div className="flex h-full max-w-[72px] flex-1 flex-col items-center gap-6 overflow-y-auto border-l border-border">
<div className="min-h-10">
<MouseSquare size={20} color="black" />
</div>
@@ -55,6 +55,9 @@ const EditorSidebar = () => {
<Link size={20} color="black" />
</div>
</div>
<div>
s
</div>
</div>
</aside>
src/pages/home/Home.tsx
+99 -1
View File
@@ -1,8 +1,106 @@
import Divider from '@/components/Divider'
import { ArrowLeft, DocumentText } from 'iconsax-react'
import { type FC } from 'react'
import PdfIcon from '@/assets/images/PDF.svg'
import Button from '@/components/Button'
const Home: FC = () => {
return (
<div>Home</div>
<div className='mt-4 w-full'>
<h1 className='text-lg font-light'>
ساخت کاتالوگ ب ویرایشگر داناک
</h1>
<div className='mt-20 bg-white rounded-4xl p-10'>
<div className='text-center'>
سایز مورد نظر را انتخاب کنبد و یک کاتالوگ زیبا با ویرایشگر داناک بسازید
</div>
<div>
<div className='mt-8 flex justify-center gap-8'>
<div className='w-[160px] h-[166px] rounded-[20px] border border-border flex items-center justify-center'>
<div>
<div className='size-[94px] bg-[#EEF0F7] rounded flex justify-center items-center'>
<DocumentText size={24} color='black' />
</div>
<div className='mt-3 text-center text-sm'>
جزوه
</div>
</div>
</div>
<div className='w-[160px] h-[166px] rounded-[20px] border border-border flex items-center justify-center'>
<div>
<div className='size-[94px] bg-[#EEF0F7] rounded flex justify-center items-center'>
<DocumentText size={24} color='black' />
</div>
<div className='mt-3 text-center text-sm'>
بروشور
</div>
</div>
</div>
<div className='w-[160px] h-[166px] rounded-[20px] border border-border flex items-center justify-center'>
<div>
<div className='size-[94px] bg-[#EEF0F7] rounded flex justify-center items-center'>
<DocumentText size={24} color='black' />
</div>
<div className='mt-3 text-center text-sm'>
روزنامه
</div>
</div>
</div>
<div className='w-[160px] h-[166px] rounded-[20px] border border-border flex items-center justify-center'>
<div>
<div className='size-[94px] bg-[#EEF0F7] rounded flex justify-center items-center'>
<DocumentText size={24} color='black' />
</div>
<div className='mt-3 text-center text-sm'>
Letter
</div>
</div>
</div>
<div className='w-[160px] h-[166px] rounded-[20px] border border-border flex items-center justify-center'>
<div>
<div className='size-[94px] bg-[#EEF0F7] rounded flex justify-center items-center'>
<DocumentText size={24} color='black' />
</div>
<div className='mt-3 text-center text-sm'>
A4
</div>
</div>
</div>
</div>
<div className='flex justify-center'>
<Button className='mt-8 rounded-xl'>
<div className='flex gap-2 items-center'>
ادامه
<ArrowLeft size={16} color='white' />
</div>
</Button>
</div>
</div>
<Divider label='یا' className='mt-10' />
<div className='mt-20 flex justify-center'>
<div className='w-[183px] h-[193px] rounded-[18px] border flex flex-col items-center justify-center'>
<img src={PdfIcon} alt='upload' className='w-12' />
<div className='text-sm mt-3'>
آپلود PDF
</div>
<div className='h-5 px-5 rounded-full flex items-center bg-[#D4EDDE] text-[#01973D] text-[10px] mt-3'>
رایگان
</div>
</div>
</div>
</div>
</div>
)
}