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

add open/close to sidebar & responsive sidebar & head & page dashboard and user account

Browse Source
This commit is contained in:
Ehsan
2024-09-13 02:19:47 +03:30
parent a1571bbb62
commit d1f289bdca
40 changed files with 481 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/panel/userAccount/Head.js
+2 -2
View File
@@ -4,13 +4,13 @@ import { Button } from "@mui/material";
function Head() {
return (
<div className="flex items-center justify-start gap-[10px]">
<div className="flex items-center justify-center md:justify-start gap-[10px]">
<div className="p-[24px] grid place-items-center border border-solid border-[#EFEFEF] bg-[#EFEFEF] rounded-full">
<ProfileP />
</div>
<Button
variant="text"
className="!flex !p-1 !text-[#525252] !text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
className="!flex !p-1 !text-[#525252] !text-[14px] md:!text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
>
انتخاب تصویر
<ArrowLeftPU />
components/panel/userAccount/form/index.js
+3 -2
View File
@@ -37,7 +37,7 @@ function Form() {
return (
<div className="flex flex-col items-start justify-start gap-[48px]">
<ul className="grid w-full grid-cols-2 mt-[32px] gap-x-[48px] gap-y-[32px]">
<ul className="grid w-full grid-cols-1 md:grid-cols-2 mt-[24px] md:mt-[28px] lg:mt-[32px] gap-x-[48px] gap-y-[32px]">
<ContentText text='نام و نام خانوادگی'>
<EditField isTransparent={true} iconGray={true} changeData={changeData} data={data?.name} name='name' />
</ContentText>
@@ -81,7 +81,8 @@ function Form() {
<div className="w-full flex justify-end">
<Button
variant="contained"
className="!gap-[4px] !py-[8px] !px-[24px] !rounded-[4px] !shadow-none !text-[#EFEFEF] !text-[16px] !font-medium"
className="!gap-[4px] !py-[8px] !px-[24px] !rounded-[4px] !w-full md:!w-fit
!shadow-none !text-[#EFEFEF] !text-[14px] md:!text-[16px] !font-medium"
>
ثبت اطلاعات
<ArrowLeftButtonP />
components/panel/userAccount/index.js
+5 -1
View File
@@ -3,7 +3,11 @@ import Head from "./Head";
function UserAccountPage({ data }) {
return (
<div className="opacity-page rounded-[8px] bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] px-[112px] py-[32px]">
<div className="
opacity-page rounded-[8px] bg-transparent md:bg-[#FFF]
shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] py-0 md:py-[16px] lg:py-[32px]
px-0 sm:px-[14px] md:px-[24px] lg:px-[44px] xl:px-[112px]
">
<Head />
<Form />
</div>