This commit is contained in:
2026-06-06 16:23:55 +03:00
parent 517059d53e
commit 8487ac5ca0
12 changed files with 373 additions and 222 deletions

View File

@@ -44,45 +44,6 @@
margin-top: -12px;
}
/* Селект срока ожидания — стилизован под FormField input */
.field {
display: flex;
flex-direction: column;
gap: 6px;
}
.fieldLabel {
font-size: 12px;
color: var(--text-secondary);
font-weight: 600;
letter-spacing: 0.08em;
}
.select {
width: 100%;
height: 48px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
color: var(--text-primary);
font-size: 14px;
font-family: var(--font-sans);
padding: 0 16px;
outline: none;
cursor: pointer;
transition: border-color 0.2s, box-shadow 0.2s;
}
.select:focus {
border-color: var(--interactive);
box-shadow: 0 0 0 3px rgba(74, 109, 255, 0.15);
}
.select option {
background: var(--glass-bg, #1a1a2e);
color: var(--text-primary);
}
/* Панель условий / комиссии */
.infoCol {
display: flex;

View File

@@ -1,5 +1,5 @@
import { useState } from 'react'
import { FormField } from '@shared/ui'
import { FormField, Select } from '@shared/ui'
import styles from './LegalConverterPage.module.css'
const MIN_ORDER = 500_000
@@ -70,23 +70,16 @@ export function LegalConverterPage() {
</p>
)}
<div className={styles.field}>
<label className={styles.fieldLabel} htmlFor="term">
Срок ожидания операции
</label>
<select
id="term"
className={styles.select}
value={days}
onChange={(e) => setDays(Number(e.target.value))}
>
{TERM_OPTIONS.map((o) => (
<option key={o.days} value={o.days}>
{dayLabel(o.days)} комиссия {(o.rate * 100).toFixed(1)} %
</option>
))}
</select>
</div>
<Select
id="term"
label="Срок ожидания операции"
value={days}
onChange={setDays}
options={TERM_OPTIONS.map((o) => ({
value: o.days,
label: `${dayLabel(o.days)} — комиссия ${(o.rate * 100).toFixed(1)} %`,
}))}
/>
<FormField
label="Как к вам обращаться"