Remove resize handles from input fields (#67)

This commit is contained in:
Sinclair Chen 2022-03-25 09:27:28 -07:00 committed by GitHub
parent bad58652b8
commit 50eb9bd4bd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 8 deletions

View File

@ -81,7 +81,7 @@ export function CreateAnswerPanel(props: {
<Textarea <Textarea
value={text} value={text}
onChange={(e) => setText(e.target.value)} onChange={(e) => setText(e.target.value)}
className="textarea textarea-bordered w-full" className="textarea textarea-bordered w-full resize-none"
placeholder="Type your answer..." placeholder="Type your answer..."
rows={1} rows={1}
maxLength={10000} maxLength={10000}
@ -117,7 +117,7 @@ export function CreateAnswerPanel(props: {
</Row> </Row>
</Row> </Row>
<Row className="justify-between gap-4 text-sm items-center"> <Row className="items-center justify-between gap-4 text-sm">
<Row className="flex-nowrap items-center gap-2 whitespace-nowrap text-gray-500"> <Row className="flex-nowrap items-center gap-2 whitespace-nowrap text-gray-500">
<div> <div>
Estimated <br /> payout if chosen Estimated <br /> payout if chosen

View File

@ -237,7 +237,7 @@ export function FeedBet(props: {
<Textarea <Textarea
value={comment} value={comment}
onChange={(e) => setComment(e.target.value)} onChange={(e) => setComment(e.target.value)}
className="textarea textarea-bordered w-full" className="textarea textarea-bordered w-full resize-none"
placeholder="Add a comment..." placeholder="Add a comment..."
rows={3} rows={3}
maxLength={MAX_COMMENT_LENGTH} maxLength={MAX_COMMENT_LENGTH}
@ -278,7 +278,7 @@ function EditContract(props: {
return editing ? ( return editing ? (
<div className="mt-4"> <div className="mt-4">
<Textarea <Textarea
className="textarea textarea-bordered mb-1 h-24 w-full" className="textarea textarea-bordered mb-1 h-24 w-full resize-none"
rows={3} rows={3}
value={text} value={text}
onChange={(e) => setText(e.target.value || '')} onChange={(e) => setText(e.target.value || '')}
@ -707,7 +707,7 @@ function FeedAnswerGroup(props: {
</div> </div>
<Row className="align-items justify-between gap-4"> <Row className="align-items justify-between gap-4">
<span className="text-lg whitespace-pre-line"> <span className="whitespace-pre-line text-lg">
<Linkify text={text} /> <Linkify text={text} />
</span> </span>

View File

@ -184,7 +184,7 @@ export function NewContract(props: { question: string; tag?: string }) {
<InfoTooltip text="Optional. Describe how you will resolve this market." /> <InfoTooltip text="Optional. Describe how you will resolve this market." />
</label> </label>
<Textarea <Textarea
className="textarea textarea-bordered w-full" className="textarea textarea-bordered w-full resize-none"
rows={3} rows={3}
maxLength={MAX_DESCRIPTION_LENGTH} maxLength={MAX_DESCRIPTION_LENGTH}
placeholder={descriptionPlaceholder} placeholder={descriptionPlaceholder}

View File

@ -195,7 +195,7 @@ ${TEST_VALUE}
<Textarea <Textarea
placeholder="e.g. This market is part of the ACX predictions for 2022..." placeholder="e.g. This market is part of the ACX predictions for 2022..."
className="input" className="input resize-none"
value={description} value={description}
onChange={(e) => setDescription(e.target.value || '')} onChange={(e) => setDescription(e.target.value || '')}
/> />

View File

@ -41,7 +41,7 @@ function EditUserField(props: {
{field === 'bio' ? ( {field === 'bio' ? (
<Textarea <Textarea
className="textarea textarea-bordered w-full" className="textarea textarea-bordered w-full resize-none"
value={value} value={value}
onChange={(e) => setValue(e.target.value)} onChange={(e) => setValue(e.target.value)}
onBlur={updateField} onBlur={updateField}