PenaSide/adminFront
3
0
Fork 0
Code Issues 2 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: UserModal close button

Browse Source
This commit is contained in:
IlyaDoronin 2023-08-23 17:01:39 +03:00
parent 0b6e76e3b1
commit 6a00a12d0c
1 changed files with 46 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/pages/dashboard/ModalUser/index.tsx
View File

@ -1,5 +1,5 @@
import { useState } from "react";
import { useLinkClickHandler } from "react-router-dom";
import { Link, useLinkClickHandler } from "react-router-dom";
import {
Box,
Modal,
@ -81,21 +81,57 @@ const ModalUser = () => {
overflowX: "hidden",
}}
>
<Typography
id="transition-modal-title"
variant="caption"
<Box
sx={{
display: "block",
position: "relative",
textAlign: "center",
fontSize: "18px",
padding: "12px",
color: theme.palette.common.white,
background: "#9A9AAF",
}}
>
Пользователь сервиса
</Typography>
<Typography
id="transition-modal-title"
variant="caption"
sx={{
fontSize: "18px",
color: theme.palette.common.white,
}}
>
Пользователь сервиса
</Typography>
<Link to="/users">
<Box
sx={{
cursor: "pointer",
position: "absolute",
top: "20px",
right: "15px",
height: "15px",
width: "15px",
"&::before": {
content: `""`,
position: "absolute",
top: "5px",
right: 0,
transform: "rotate(45deg)",
width: "18px",
height: "2px",
background: "#ffffff",
},
"&::after": {
content: `""`,
position: "absolute",
top: "5px",
right: 0,
transform: "rotate(-45deg)",
width: "18px",
height: "2px",
background: "#ffffff",
},
}}
/>
</Link>
</Box>
<Box sx={{ width: "100%", height: "100%", display: "flex" }}>
<Box
sx={{