From cc43f228d53dbd117e901cf0c3d75889e721930d Mon Sep 17 00:00:00 2001 From: "Vsevo;od" <96574851+vsevolod22@users.noreply.github.com> Date: Sat, 23 Dec 2023 14:27:43 +0300 Subject: [PATCH] dd --- src/Components/Header/index.jsx | 2 +- src/Components/Header/style.module.scss | 6 +- src/Components/MeetAuthPage/index.jsx | 55 +++++++++++- src/Components/MeetAuthPage/style.module.scss | 85 +++++++++++++++++- src/img/MeetPage/newAvatar.png | Bin 0 -> 7508 bytes 5 files changed, 142 insertions(+), 6 deletions(-) create mode 100644 src/img/MeetPage/newAvatar.png 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 = () => {
logo
- +
) 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 КОММЕНТАРИЯ
+
+
+ avatar +
+