hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

all tabs page dashboard and responsive

Browse Source
This commit is contained in:
Ehsan
2024-09-05 00:21:58 +03:30
parent 52a745fcb8
commit 087ed4a818
50 changed files with 860 additions and 502 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dashboard/userAccount/tabs/messages/Message.js
+8 -6
View File
@@ -1,5 +1,5 @@
import CalndarD from '@/components/icons/CalndarD'
import MessageNotifd from '@/components/icons/MessageNotifd'
import MessageNotifd from '@/components/icons/MessageNotifD'
import React from 'react'
function Message({ data }) {
@@ -9,12 +9,14 @@ function Message({ data }) {
<div className="p-[6px] rounded-full bg-[#F17732]">
<MessageNotifd />
</div>
<p className="text-[#3B3B3B] text-[16px] font-bold">عنوان پیام</p>
<p className="text-[#3B3B3B] text-[12px] md:text-[14px] lg: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 />
<div className='mr-0 lg:mr-[41px]'>
<p className='text-[#525252] text-[12px] md:text-[14px] font-normal leading-[28px] md:leading-[30px] lg:leading-[33px]'>{data.text}</p>
<div className='flex items-center justify-start gap-[8px] mt-[8px] md:mt-[10px] lg:mt-[12px]'>
<div className='max-w-[20px] max-h-[20px] md:max-w-[22px] md:max-h-[22px] lg:max-w-[24px] lg:max-h-[24px]'>
<CalndarD />
</div>
<p className='text-[#7E7E7E] text-[12px] font-normal'>{data.date}</p>
</div>
</div>
components/dashboard/userAccount/tabs/messages/index.js
+1 -1
View File
@@ -2,7 +2,7 @@ import Message from "./Message";
function Messages({ user }) {
return (
<ul className="flex opacity-page flex-col gap-[16px]">
<ul className="flex opacity-page flex-col gap-[24px] md:gap-[20px] lg:gap-[16px]">
{user.messages.map((item, idx) => (
<Message
key={idx}