mirror of
https://github.com/more-tech4-magnum-opus/frontend.git
synced 2024-11-27 10:53:43 +03:00
Merge pull request #5 from more-tech4-magnum-opus/clans-and-user-comp
market
This commit is contained in:
commit
3b0b6e9d24
BIN
public/cup.png
Normal file
BIN
public/cup.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 40 KiB |
|
@ -1,6 +1,51 @@
|
||||||
|
import { Tag } from 'antd';
|
||||||
import react from 'react'
|
import react from 'react'
|
||||||
|
import { PrevMarketCard } from '../../components/prevMarketCard';
|
||||||
|
import { UserPreview } from '../../components/userPreview';
|
||||||
import header from '../header'
|
import header from '../header'
|
||||||
|
|
||||||
|
import './style.css';
|
||||||
|
|
||||||
export const Marketplace: react.FC = () => {
|
export const Marketplace: react.FC = () => {
|
||||||
return <div>{header}</div>
|
return <div>
|
||||||
|
{header}
|
||||||
|
<div className="centered">
|
||||||
|
<div className="mp-container">
|
||||||
|
<div className="mp-previev">
|
||||||
|
<UserPreview
|
||||||
|
level={3}
|
||||||
|
username="Vladimir"
|
||||||
|
score={"100 / 800"}
|
||||||
|
rubles={'100'}
|
||||||
|
fio={"Vladimir Dubrovin"}
|
||||||
|
id={32}
|
||||||
|
tags={[<Tag color="cyan">Designer</Tag>]}
|
||||||
|
tg={"vladimir_dubrovin"}
|
||||||
|
description="Долгое описание"
|
||||||
|
logo_url='/logo_example.png'
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="mp-content">
|
||||||
|
<PrevMarketCard
|
||||||
|
cost={100}
|
||||||
|
name="Кружка"
|
||||||
|
image='/cup.png'
|
||||||
|
descr='Долгое описание'
|
||||||
|
/>
|
||||||
|
<PrevMarketCard
|
||||||
|
cost={100}
|
||||||
|
name="Кружка"
|
||||||
|
image='/cup.png'
|
||||||
|
descr='Долгое описание'
|
||||||
|
/>
|
||||||
|
<PrevMarketCard
|
||||||
|
cost={100}
|
||||||
|
name="Кружка"
|
||||||
|
image='/cup.png'
|
||||||
|
descr='Долгое описание'
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
}
|
}
|
26
src/user/marketplace/style.css
Normal file
26
src/user/marketplace/style.css
Normal file
|
@ -0,0 +1,26 @@
|
||||||
|
.centered{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mp-container{
|
||||||
|
width: 900px;
|
||||||
|
margin-top: 100px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
.mp-previev{
|
||||||
|
background-color: #262626;
|
||||||
|
color: white;
|
||||||
|
border-radius: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mp-content{
|
||||||
|
padding: 20px 100px;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 16px;
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user