design dashboard comments & messages & modals

2024-09-04 03:00:36 +03:30
parent bc47663002
commit 52a745fcb8
34 changed files with 669 additions and 128 deletions
@@ -0,0 +1,26 @@
+import CalndarD from '@/components/icons/CalndarD'
+import MessageNotifd from '@/components/icons/MessageNotifd'
+import React from 'react'
+
+function Message({ data }) {
+    return (
+        <li>
+            <div className="flex items-center justify-start gap-[8px]">
+                <div className="p-[6px] rounded-full bg-[#F17732]">
+                    <MessageNotifd />
+                </div>
+                <p className="text-[#3B3B3B] text-[16px] font-bold">عنوان پیام</p>
+            </div>
+            <div className='mr-[41px]'>
+                <p className='text-[#525252] text-[14px] font-normal leading-[33px]'>{data.text}</p>
+                <div className='flex items-center justify-start gap-[8px]'>
+                    <CalndarD />
+                    <p className='text-[#7E7E7E] text-[12px] font-normal'>{data.date}</p>
+                </div>
+            </div>
+            <span className='block bg-[#EFEFEF] h-px w-full mt-[12px]'></span>
+        </li>
+    )
+}
+
+export default Message