CyberBloom/OgeetoCaseCyberGarden
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://git.zetcraft.ru/cevka/OgeetoCaseCyberGarden

Browse Source
This commit is contained in:
Demi-Play
2023-12-22 21:18:08 +03:00
parent 43fe5e361e 0d76b054f1
commit fdd898a3d9
6 changed files with 179 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/Components/HomePage/index.jsx
View File

@ -1,8 +1,10 @@
import Header from "../Header";
import styles from "./style.module.scss";
import TableMeets from '../TableMeets/TableMeets'
import Home from "../Home/Home";
import FetchUtils from "../fetchUtils/FetchUtils";
// import Home from "../Home/Home";
// import FetchUtils from "../fetchUtils/FetchUtils";
// import { style } from "@mui/system";
const events = [
{
id: 1,
@ -29,10 +31,41 @@ const events = [
const HomePage = () => {
return (
<>
{/* <Header></Header>
<TableMeets events={ events } /> */}
<Home></Home>
{/* <FetchUtils></FetchUtils> */}
<Header></Header>
<section className={styles.muza__container}>
<div className={styles.muza__title}>МУЗА</div>
<div className={styles.muza__descr_container}>
<div className={styles.muza__descr}>Платформа для проведения well-being мероприятий</div>
</div>
</section>
<section className={styles.meeting__container}>
<input className={styles.meeting__inputs} placeholder="Найти мероприятие"></input>
<div className={styles.container}>
<div className={styles.select__container}>
<select className={styles.select} name="time__meeting">
<option value="">Время мироприятия</option>
</select>
<select className={styles.select} name="type__meeting">
<option value="">Тип мероприятия</option>
</select>
</div>
</div>
<div className={styles.NewContainer}>
<div className={styles.search_container}>
<div className={styles.search__descr}>100 мероприятий</div>
<select className={styles.select} name="type__meeting">
<option value="">Тип мероприятия</option>
</select>
</div>
</div>
<div className={styles.cards__container}>
<div className={styles.card}></div>
</div>
</section>
</>

87
src/Components/HomePage/style.module.scss
View File

@ -1,6 +1,87 @@
.title {
font-size: 100px;
.muza {
&__container {
height: 700px;
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
}
&__title {
margin-top: 150px;
color: #000;
font-family: Montserrat;
font-size: 143.016px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: left;
display: flex;
width: 90%;
}
&__descr {
&_container {
display: flex;
justify-content: flex-end;
}
margin-top: 50px;
margin-left: 70px;
color: #000;
font-family: Montserrat;
font-size: 46px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: left;
display: flex;
width: 60%;
}
}
.meeting {
&__container {
height: 1400px;
}
&__inputs {
width: 90%;
height: 46px;
border-radius: 10px;
border: 1px solid #000;
padding-left: 40px;
}
}
.container {
display: flex;
justify-content: center;
}
.select {
margin-right: 50px;
height: 35px;
border-radius: 10px;
border: 1px solid var(--gray_stroke, #D0D2D8);
width: 200px;
&__container {
display: flex;
width: 93%;
margin-top: 30px;
}
}
.NewContainer {
display: flex;
justify-content: flex-end;
margin-top: 40px;
}
.search_container {
display: flex;
align-items: center;
justify-content: center;
}
.search__descr {
margin-right: 25px;
}