open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add answer panel mobile formatting, slider

Browse Source
This commit is contained in:
mantikoros 2022-09-05 17:59:19 -05:00
parent 2d724bf2c8
commit 8952b100ad
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/amount-input.tsx
View File

@ -141,7 +141,7 @@ export function BuyAmountInput(props: {
max="250" max="250"
value={amount ?? 0} value={amount ?? 0}
onChange={(e) => onAmountChange(parseInt(e.target.value))} onChange={(e) => onAmountChange(parseInt(e.target.value))}
className="range range-lg z-40 mb-2 xl:hidden " className="range range-lg z-40 mb-2 xl:hidden"
step="25" step="25"
/> />
)} )}

5
web/components/answers/create-answer-panel.tsx
View File

@ -120,7 +120,7 @@ export function CreateAnswerPanel(props: { contract: FreeResponseContract }) {
return ( return (
<Col className="gap-4 rounded"> <Col className="gap-4 rounded">
<Col className="flex-1 gap-2"> <Col className="flex-1 gap-2 px-4 xl:px-0">
<div className="mb-1">Add your answer</div> <div className="mb-1">Add your answer</div>
<Textarea <Textarea
value={text} value={text}
@ -162,6 +162,7 @@ export function CreateAnswerPanel(props: { contract: FreeResponseContract }) {
setError={setAmountError} setError={setAmountError}
minimumAmount={1} minimumAmount={1}
disabled={isSubmitting} disabled={isSubmitting}
showSliderOnMobile
/> />
</Col> </Col>
<Col className="gap-3"> <Col className="gap-3">
@ -205,7 +206,7 @@ export function CreateAnswerPanel(props: { contract: FreeResponseContract }) {
disabled={!canSubmit} disabled={!canSubmit}
onClick={withTracking(submitAnswer, 'submit answer')} onClick={withTracking(submitAnswer, 'submit answer')}
> >
Submit answer & buy Submit
</button> </button>
) : ( ) : (
text && ( text && (