diff --git a/src/Components/Header/index.jsx b/src/Components/Header/index.jsx
index 6b52af8..9bcc280 100644
--- a/src/Components/Header/index.jsx
+++ b/src/Components/Header/index.jsx
@@ -13,7 +13,7 @@ const Header = () => {
)
diff --git a/src/Components/Header/style.module.scss b/src/Components/Header/style.module.scss
index 5b9fbd6..5fbb6be 100644
--- a/src/Components/Header/style.module.scss
+++ b/src/Components/Header/style.module.scss
@@ -12,9 +12,11 @@
justify-content: center;
width: 100%;
height: 150px;
- position: absolute;
+ position: fixed;
top: 0px;
+ background-color: #fff;
left: 0px;
+ z-index: 10;
}
&__logo {
cursor: pointer;
@@ -23,7 +25,7 @@
display: flex;
align-items: center;
justify-content: center;
- border-radius: 100px;
+ border-radius: 10px;
background: #FFED00;
width: 200px;
height: 42px;
diff --git a/src/Components/MeetAuthPage/index.jsx b/src/Components/MeetAuthPage/index.jsx
index e795263..42e61d5 100644
--- a/src/Components/MeetAuthPage/index.jsx
+++ b/src/Components/MeetAuthPage/index.jsx
@@ -7,13 +7,28 @@ import avatar from '../../img/MeetPage/avatar.png';
import Card from "../Card";
import Grid from '@mui/material/Grid';
import Box from '@mui/material/Box';
-
-
+import { useState, CSSProperties, useEffect, useRef } from "react";
+import newAvatar from '../../img/MeetPage/newAvatar.png';
import vk from '../../img/MeetPage/Vk.png';
import tg from '../../img/MeetPage/Telegram.png';
import book from '../../img/MeetPage/Book.png';
const MeetPage = () => {
+ // const textAreaRef = useRef(null);
+ // const [text, setText] = useState("");
+ // const [textAreaHeight, setTextAreaHeight] = useState("auto");
+ // const [parentHeight, setParentHeight] = useState("auto");
+
+ // const parentStyle= {
+ // minHeight: parentHeight,
+ // };
+
+ // const textAreaStyle= {
+ // height: textAreaHeight,
+ // };
+
+
+
return (
<>
@@ -73,6 +88,42 @@ const MeetPage = () => {
+
+
+ Комментарии
+
+
3 КОММЕНТАРИЯ
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
+
Дмитрий Кирсанов
+
4 мая 1990, 00:00
+
+
+ Хорошее мероприятие, специалист знает свое дело
+
+
+
+
+
+
Еще мероприятия
diff --git a/src/Components/MeetAuthPage/style.module.scss b/src/Components/MeetAuthPage/style.module.scss
index 46fcaa6..4a24905 100644
--- a/src/Components/MeetAuthPage/style.module.scss
+++ b/src/Components/MeetAuthPage/style.module.scss
@@ -107,7 +107,7 @@
display: flex;
text-align: left;
color: rgba(0, 0, 0, 0.90);
- font-family: Inter;
+ font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 400;
@@ -285,4 +285,87 @@
display: flex;
}
}
+}
+
+.expert {
+
+ display: flex;
+ flex-direction: column;
+ margin-top: 200px;
+ &__title {
+ display: flex;
+ color: #000;
+ font-family: Montserrat;
+ font-size: 56px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: normal;
+ }
+ &__img {
+ border-radius: 10000px;
+ }
+
+
+}
+
+.yellowSpan {
+ color: #FD0
+}
+.comments {
+ display: flex;
+ flex-direction: column;
+ margin-top: 200px;
+ &__title {
+ display: flex;
+ color: #000;
+ font-family: Montserrat;
+ font-size: 56px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: normal;
+ }
+ &__number {
+ margin-left: 3px;
+ }
+ &__input {
+ border-radius: 10px;
+ border: 1px solid var(--gray_stroke, #D0D2D8);
+ background: #FFF;
+ height: 200px;
+ width: 100%;
+ display: flex;
+ justify-content: start;
+ align-items: start;
+ padding-left: 20px;
+ text-align: start;
+ &_img {
+ height: 60px;
+ width: 60px;
+ }
+ &_container {
+ display: flex;
+ flex-direction: column;
+ }
+ &_img_container {
+ display: flex;
+ margin-top: 60px;
+ }
+ &_img {
+ margin-right: 50px;
+ }
+ }
+ .newInputContainer {
+ display: flex;
+ flex-direction: column;
+ }
+ &__number {
+ display: flex;
+ margin-top: 60px;
+ color: #000;
+ font-family: Montserrat;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: normal;
+ }
}
\ No newline at end of file
diff --git a/src/img/MeetPage/newAvatar.png b/src/img/MeetPage/newAvatar.png
new file mode 100644
index 0000000..18690b5
Binary files /dev/null and b/src/img/MeetPage/newAvatar.png differ