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

eee

Browse Source
This commit is contained in:
Demi-Play 2023-12-22 22:12:17 +03:00
parent f508d170e0
commit 3fa127445c
4 changed files with 52 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.jsx
View File

@ -1,7 +1,7 @@
import './App.css' import './App.css'
import FetchUtils from './components/fetchUtils/FetchUtils' import FetchUtils from './components/fetchUtils/FetchUtils'
import TableMeets from './components/fetchUtils/TableMeets.jsx' // import TableMeets from './components/fetchUtils/TableMeets.jsx'
import { BrowserRouter, Routes, Route } from "react-router-dom"; import { BrowserRouter, Routes, Route } from "react-router-dom";
import BeingPage from "./Components/BeingPage/index.jsx"; import BeingPage from "./Components/BeingPage/index.jsx";
import HomePage from "./Components/HomePage/index.jsx"; import HomePage from "./Components/HomePage/index.jsx";

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

@ -1,6 +1,7 @@
import Header from "../Header"; import Header from "../Header";
import styles from "./style.module.scss"; import styles from "./style.module.scss";
import TableMeets from '../TableMeets/TableMeets' import TableMeets from '../TableMeets/TableMeets'
import Home from "../Home/Home";
const events = [ const events = [
{ {
@ -60,10 +61,12 @@ const HomePage = () => {
<div className={styles.cards__container}> <div className={styles.cards__container}>
<div className={styles.card}></div> <div className={styles.card}></div>
</div> </div>
<Home></Home>
</section> </section>
</> </>

31
src/components/Home/Home.jsx
View File

@ -11,10 +11,37 @@ const Taged = styled.div({
const Home = () => { const Home = () => {
return ( return (
<div> <div className='wrapp'>
{/* <Header></Header> */} {/* <Header></Header> */}
<div className='event_card'> <div className='event_card'>
<div className="event-card__photo"></div> <div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs"> <div className="taggs">
<div className='tagged'>Психология</div> <div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div> <div className="feautures">Предстоящее</div>

19
src/components/Home/style.css
View File

@ -1,7 +1,15 @@
.event_card { .event_card {
width: 342px; width: 292px;
height: 626px; height: 626px;
flex-shrink: 0; flex-shrink: 0;
margin-top: 100px;
margin-right: 31px;
}
.wrapp {
display: flex;
justify-content: flex-start;
/* max-width: 1521px; */
} }
:root { :root {
@ -19,11 +27,12 @@ font-weight: 400;
line-height: normal; line-height: normal;
} }
.event-card_photo { .event-card__photo {
width: 342px; width: 292px;
height: 340px; height: 340px;
flex-shrink: 0; flex-shrink: 0;
background: #D9D9D9; background: #D9D9D9;
margin-bottom: 26px;
} }
.event-card_title { .event-card_title {
@ -41,12 +50,14 @@ display: flex;
justify-content: center; justify-content: center;
font-family: Montserrat; font-family: Montserrat;
align-items: center; align-items: center;
font-size: 14px; font-size: 8px;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
border-radius: 10px; border-radius: 10px;
background: #E7FFD2; background: #E7FFD2;
height: 15px;
padding: 10px;
} }
.tagged { .tagged {