add pull page
This commit is contained in:
1
src/pages/pools/index.ts
Normal file
1
src/pages/pools/index.ts
Normal file
@@ -0,0 +1 @@
|
||||
export { PoolsPage } from './ui/PoolsPage'
|
||||
34
src/pages/pools/ui/PoolsPage.module.css
Normal file
34
src/pages/pools/ui/PoolsPage.module.css
Normal file
@@ -0,0 +1,34 @@
|
||||
.page {
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 32px 32px 48px;
|
||||
}
|
||||
|
||||
.head {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 16px;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.page {
|
||||
padding: 24px 16px 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.title {
|
||||
font-size: 26px;
|
||||
}
|
||||
}
|
||||
16
src/pages/pools/ui/PoolsPage.tsx
Normal file
16
src/pages/pools/ui/PoolsPage.tsx
Normal file
@@ -0,0 +1,16 @@
|
||||
import { PoolsWidget } from '@widgets/pools'
|
||||
import styles from './PoolsPage.module.css'
|
||||
|
||||
export function PoolsPage() {
|
||||
return (
|
||||
<div className={styles.page}>
|
||||
<header className={styles.head}>
|
||||
<h1 className={styles.title}>Пулы</h1>
|
||||
<p className={styles.subtitle}>
|
||||
Ликвидность в пулах Uniswap v3 (ETH). Комиссия сервиса на депозит — 0.7%.
|
||||
</p>
|
||||
</header>
|
||||
<PoolsWidget />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user