diff --git a/src/Components/AddUsersPage/index.jsx b/src/Components/AddUsersPage/index.jsx
index 3c2234a..7bad770 100644
--- a/src/Components/AddUsersPage/index.jsx
+++ b/src/Components/AddUsersPage/index.jsx
@@ -1,7 +1,8 @@
import styles from './style.module.scss';
import avatar from '../../img/profilePage/avatar.png';
import Header from '../Header';
-
+import del from '../../img/AddUsers/delete.png';
+import perm from '../../img/AddUsers/permission.png';
const AddUsers = () => {
return (
<>
@@ -38,6 +39,48 @@ const AddUsers = () => {
1
+
+ Отправлено
+
+
+
+
+

+
Участник
+
+
+
Кирсанов Дмитрий
+
Junior PHP разработчик
+
TG: @dkir
+
gmail@gmail.com
+
+ 0
+
+ 1
+
+
+
+
+
+
+
+
+

+
Участник
+
+
+
Кирсанов Дмитрий
+
Junior PHP разработчик
+
TG: @dkir
+
gmail@gmail.com
+
+ 0
+
+ 1
+
+
+
+
diff --git a/src/Components/AddUsersPage/style.module.scss b/src/Components/AddUsersPage/style.module.scss
index aa5edc4..39b42fc 100644
--- a/src/Components/AddUsersPage/style.module.scss
+++ b/src/Components/AddUsersPage/style.module.scss
@@ -18,6 +18,7 @@
&__search {
+ margin-top: 150px;
border-radius: 10px;
border: 1px solid var(--gray_stroke, #D0D2D8);
height: 70px;
@@ -35,24 +36,30 @@
margin-top: 200px;
display: flex;
justify-content: space-between;
+
}
&__user {
&_img {
+ width: 180px;
+ height: 180px;
&_container {
display: flex;
flex-direction: column;
margin-right: 50px;
+
}
}
&_container {
display: flex;
- width: 50%;
+ width: 48%;
+ margin-bottom: 110px;
+ position: relative;
}
&_info_container {
text-align: left;
- margin-top: 20px;
+ margin-top: 18px;
display: flex;
text-align: left;
flex-direction: column;
@@ -60,7 +67,7 @@
&_fullName {
color: #000;
font-family: Montserrat;
- font-size: 36px;
+ font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
@@ -72,7 +79,7 @@
&_spaciality {
color: #000;
font-family: Montserrat;
- font-size: 32px;
+ font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal;
@@ -81,7 +88,7 @@
&_socialMedia {
color: #000;
font-family: Montserrat;
- font-size: 20px;
+ font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
@@ -90,7 +97,7 @@
&_email {
color: #000;
font-family: Montserrat;
- font-size: 20px;
+ font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
@@ -129,6 +136,8 @@
display: flex;
justify-content: space-between;
margin-top: 120px;
+ flex-wrap: wrap;
+
}
&__card {
@@ -141,6 +150,7 @@
width: 48%;
border-radius: 10px;
border: 1px solid var(--gray_stroke, #D0D2D8);
+ margin-bottom: 110px;
}
&_text {
color: #000;
@@ -168,4 +178,53 @@
font-style: normal;
font-weight: 400;
line-height: normal;
-}
\ No newline at end of file
+}
+.feautures {
+ width: 90px;
+ position: absolute;
+ right: 0px;
+ bottom: 40px;
+ display: flex;
+ justify-content: center;
+ font-family: Montserrat;
+ align-items: center;
+ color: #60AD1E;
+ font-family: Montserrat;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: normal;
+ background: #E7FFD2;
+ height: 15px;
+ padding: 10px;
+ }
+ .permission {
+
+
+ &_container {
+ width: 40px;
+ height: 40px;
+ position: absolute;
+ right: 0px;
+ bottom: 40px;
+ }
+ &_img {
+ height: 100%;
+ width: 100%;
+ }
+ }
+ .delete {
+
+
+ &_container {
+ width: 40px;
+ height: 40px;
+ position: absolute;
+ top: 40px;
+ right: 0px;
+ }
+ &_img {
+ height: 100%;
+ width: 100%;
+ }
+ }
\ No newline at end of file
diff --git a/src/img/AddUsers/delete.png b/src/img/AddUsers/delete.png
new file mode 100644
index 0000000..9b46f75
Binary files /dev/null and b/src/img/AddUsers/delete.png differ
diff --git a/src/img/AddUsers/permission.png b/src/img/AddUsers/permission.png
new file mode 100644
index 0000000..35858ce
Binary files /dev/null and b/src/img/AddUsers/permission.png differ