fix bug panel error && change design dashboard

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
@@ -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": {
@@ -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>
@@ -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">
@@ -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">