soheilkhaledabadi/persian-ping-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor: Update ProfileDetails component styles

Browse Source
This commit is contained in:
ALi Josheghani
2024-09-14 22:02:52 +03:30
parent 75900eaef6
commit ee88723057
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/profile/section/ProfileDetails.tsx
View File

@@ -13,7 +13,7 @@ const ProfileDetails = ({
error, error,
}: ProfileDetailsProps) => { }: ProfileDetailsProps) => {
return ( return (
<div className="relative z-[10] w-full h-32 max-md:h-20 flex flex-row-reverse justify-between glass items-center py-2 px-4"> <div className="relative z-[10] w-full min-h-32 max-md:min-h-20 flex flex-row-reverse max-[400px]:gap-3 justify-between flex-wrap-reverse glass items-center py-2 px-4">
<EditProfile /> <EditProfile />
<ProductDetails <ProductDetails
enable_config={data?.result?.enable_config} enable_config={data?.result?.enable_config}
@@ -32,7 +32,7 @@ const EditProfile = () => {
// const [isOpen, setIsOpen] = useState(false); // const [isOpen, setIsOpen] = useState(false);
const dispatch = useDispatch(); const dispatch = useDispatch();
return ( return (
<div className="w-full h-full flex justify-end items-center gap-2"> <div className="max-[400px]:w-full w-auto h-full flex justify-end items-center gap-2">
{/* <ModalEditProfile isOpen={isOpen} setIsOpen={setIsOpen} /> */} {/* <ModalEditProfile isOpen={isOpen} setIsOpen={setIsOpen} /> */}
{/* <Button {/* <Button
extra="!py-4 max-md:!py-2 max-md:px-2" extra="!py-4 max-md:!py-2 max-md:px-2"
@@ -41,10 +41,11 @@ const EditProfile = () => {
<MdEdit className="scale-[1.4] max-md:scale-100" /> <MdEdit className="scale-[1.4] max-md:scale-100" />
</Button> */} </Button> */}
<Button <Button
extra="!py-4 max-md:!py-2 max-md:px-2 !bg-rose-600 !text-white" extra="!py-4 max-[400px]:w-full max-md:!py-2 max-md:px-2 !bg-rose-600 flex gap-1 justify-center items-center !text-white"
onClick={() => dispatch(setToken(""))} onClick={() => dispatch(setToken(""))}
> >
<MdLogout className="scale-[1.4] max-md:scale-100" /> <MdLogout className="scale-[1.4] max-md:scale-100" />
<span className="text-[11px] sm:text-xs md:text-sm lg:text-base">خروج از حساب کاربری</span>
</Button> </Button>
</div> </div>
); );
@@ -64,7 +65,7 @@ const ProductDetails = ({
error: Error | AxiosError | null; error: Error | AxiosError | null;
}) => { }) => {
return ( return (
<div className="w-full h-full flex justify-start items-center"> <div className="max-[400px]:w-full w-auto h-full flex max-[400px]:justify-center justify-start items-center">
<div className="md:mr-4 w-auto h-auto flex flex-col max-md:text-[12px] text-lg md:gap-2"> <div className="md:mr-4 w-auto h-auto flex flex-col max-md:text-[12px] text-lg md:gap-2">
<div className="text-nowrap"> <div className="text-nowrap">
کانفیگ های فعال :{" "} کانفیگ های فعال :{" "}