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

fix bug panel error && change design dashboard

Browse Source
This commit is contained in:
Ehsan
2024-10-23 19:53:08 +03:30
parent adfe52c531
commit b25289f88e
11 changed files with 22 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+4
View File
@@ -286,6 +286,10 @@ html {
padding-bottom: 10px;
}
.MuiModal-root .sm-modal:nth-child(3) {
border-radius: 8px !important;
}
.MuiModal-root div:nth-child(3) {
border-radius: 0 !important;
}
components/dashboard/userAccount/tabs/comments/Comment.js
+2 -1
View File
@@ -40,7 +40,8 @@ function Comment({ data, loading, idx, length }) {
</div>
<CustomLoading loading={loading} width={130} height={18}>
<Rating
defaultValue={data.stars.value}
dir="ltr"
value={data.stars.value}
className="!mt-[4px] md:!mt-[6px] lg:!mt-[8px]"
sx={{
"& .MuiSvgIcon-root": {
components/dashboard/userAccount/tabs/comments/modal/index.js
+3 -3
View File
@@ -24,7 +24,7 @@ function ModalDeleteComment() {
<Modal open={open} onClose={handleClose}>
<Box
sx={styleDefault}
className="!w-fit !min-w-[328px] md:!w-fit md:!min-w-[552px] !py-[20px] !px-[24px]"
className="!w-fit !min-w-[328px] sm-modal md:!w-fit md:!min-w-[552px]"
>
<div className="flex items-center justify-between w-full">
<p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-medium">
@@ -42,14 +42,14 @@ function ModalDeleteComment() {
<Button
variant="outlined"
onClick={handleClose}
className="!py-[4px] md:!py-[6px] lg:!py-[8px] !px-[8px] md:!px-[12px] lg:!px-[16px] !rounded-[4px] !border-[#828DE0] !text-[#828DE0] !text-[16px] !font-medium"
className="!py-[4px] md:!py-[6px] lg:!py-[8px] !px-[8px] md:!px-[12px] lg:!px-[16px] !rounded-[4px] !border-[#828DE0] !text-[#828DE0] !text-[12px] md:!text-[14px] lg:!text-[16px] !font-medium"
>
انصراف
</Button>
<Button
variant="contained"
onClick={handleClose}
className="!py-[4px] md:!py-[6px] lg:!py-[8px] !px-[8px] md:!px-[12px] lg:!px-[16px] !rounded-[4px] !text-[#EFEFEF] !text-[16px] !font-medium"
className="!py-[4px] md:!py-[6px] lg:!py-[8px] !px-[8px] md:!px-[12px] lg:!px-[16px] !rounded-[4px] !text-[#EFEFEF] !text-[12px] md:!text-[14px] lg:!text-[16px] !font-medium"
>
حذف نظر
</Button>
components/dashboard/userAccount/tabs/turns/isTurnsDetails/DetailLg.js
+1 -1
View File
@@ -12,7 +12,7 @@ import Image from "next/image";
import React from "react";
function DetailLg({ user, loading }) {
const data = user.done[1];
const data = user.turns.done[1];
return (
<div className="lg:mt-[18px] hidden md:block">
components/dashboard/userAccount/tabs/turns/isTurnsDetails/DetailSm.js
+1 -1
View File
@@ -8,7 +8,7 @@ import CircularLoading from "@/app/component/loading/Circular";
import TextLoading from "@/app/component/loading/Text";
function DetailSm({ user, loading }) {
const data = user.done[1];
const data = user.turns.done[1];
return (
<div className="mt-[20px] block md:hidden">
components/layout/footer/menu/ListMenu.js
-2
View File
@@ -2,8 +2,6 @@ import Link from "next/link";
import React from "react";
function ListMenu({ list, isOpen }) {
console.log(list);
return (
<ul
className={`
components/layout/index.js
+1 -1
View File
@@ -33,7 +33,7 @@ function Layout({
className={`w-full min-h-screen
${
disableFooter &&
"pb-[calc(16px_+_80px)] sm:pb-[calc(52px_+_80px)] md:pb-[80px]"
" md:pb-[80px]"
}`}
>
<header className="w-full sticky bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] mt-[12px] sm:mt-[21px] md:mt-[30px] lg:mt-[40px] top-0 right-1/2 z-[10]">
components/layout/sidebar/ModalLogout.js
+1 -1
View File
@@ -7,7 +7,7 @@ function ModalLogout({ open, handleClose }) {
<Modal open={open} onClose={handleClose}>
<Box
sx={styleDefault}
className="!w-fit dark:!bg-[#222433] dark:!shadow-[0px_4px_25px_10px_#1F1D2B] !min-w-[328px] md:!w-fit md:!min-w-[552px] !py-[20px] !px-[24px]"
className="!w-fit dark:!bg-[#222433] sm-modal dark:!shadow-[0px_4px_25px_10px_#1F1D2B] !min-w-[328px] md:!w-fit md:!min-w-[552px] !py-[20px] !px-[24px]"
>
<div className="flex items-center justify-between w-full">
<p className="text-[#3B3B3B] text-[14px] dark:text-[#D7D8ED] sm:text-[16px] md:text-[18px] lg:text-[20px] font-medium">
components/panel/userAccount/bank/List.js
+1 -1
View File
@@ -1,5 +1,5 @@
import CustomTable from "@/app/component/CustomTable";
import { Button, Switch, TableCell, TableRow } from "@mui/material";
import { Button, TableCell, TableRow } from "@mui/material";
import TextLoading from "@/app/component/loading/Text";
import TrashB from "@/components/icons/TrashB";
import EditB from "@/components/icons/EditB";
components/panel/userAccount/bank/cards/Item.js
+6 -2
View File
@@ -4,7 +4,7 @@ import EditB from "@/components/icons/EditB";
import TrashB from "@/components/icons/TrashB";
import { Button } from "@mui/material";
function Item({ data, loading }) {
function Item({ data, loading, changeStatus }) {
return (
<li className="rounded-[8px] bg-[#FFF] p-[12px] dark:shadow-transparent dark:bg-[#222433] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]">
<div className="w-full flex items-center justify-between">
@@ -14,7 +14,11 @@ function Item({ data, loading }) {
<p className="text-[16px] min-w-[60px] font-medium text-[#616161] dark:text-[#A1A1A1]">
{data.status ? "فعال" : "غیر فعال"}
</p>
<SwitchTable value={data.status} />
<SwitchTable
id={data.id}
value={data.status}
changeStatus={changeStatus}
/>
</div>
</TextLoading>
</div>
components/panel/userAccount/bank/cards/index.js
+2 -2
View File
@@ -1,10 +1,10 @@
import Item from "./Item";
function Cards({ data, loading }) {
function Cards({ data, loading, changeStatus }) {
return (
<ul className="md:hidden mt-[24px] grid grid-cols-1 sm:grid-cols-2 gap-[16px]">
{data.map((item, idx) => (
<Item data={item} key={idx} />
<Item data={item} key={idx} changeStatus={changeStatus} />
))}
</ul>
);