This commit is contained in:
pablonyx
2024-12-13 10:04:46 -08:00
committed by GitHub
parent 54dcbfa288
commit a01a9b9a99
2 changed files with 13 additions and 8 deletions

View File

@@ -145,6 +145,7 @@ export function TextFormField({
min, min,
onChange, onChange,
width, width,
vertical,
}: { }: {
value?: string; value?: string;
name: string; name: string;
@@ -170,6 +171,7 @@ export function TextFormField({
min?: number; min?: number;
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void; onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
width?: string; width?: string;
vertical?: boolean;
}) { }) {
let heightString = defaultHeight || ""; let heightString = defaultHeight || "";
if (isTextArea && !heightString) { if (isTextArea && !heightString) {
@@ -209,14 +211,16 @@ export function TextFormField({
return ( return (
<div className={`w-full ${width}`}> <div className={`w-full ${width}`}>
<div className="flex flex-col gap-x-2 items-start"> <div className={`flex ${vertical ? "flex-col" : "flex-row"} items-start`}>
{!removeLabel && ( <div className="flex gap-x-2 items-center">
<Label className={sizeClass.label} small={small}> {!removeLabel && (
{label} <Label className={sizeClass.label} small={small}>
</Label> {label}
)} </Label>
{optional ? <span>(optional) </span> : ""} )}
{tooltip && <ToolTipDetails>{tooltip}</ToolTipDetails>} {optional ? <span>(optional) </span> : ""}
{tooltip && <ToolTipDetails>{tooltip}</ToolTipDetails>}
</div>
{error ? ( {error ? (
<ManualErrorMessage>{error}</ManualErrorMessage> <ManualErrorMessage>{error}</ManualErrorMessage>
) : ( ) : (

View File

@@ -44,6 +44,7 @@ const EditPropertyModal = ({
</h2> </h2>
<TextFormField <TextFormField
vertical
label={propertyDetails || ""} label={propertyDetails || ""}
name="propertyValue" name="propertyValue"
placeholder="Property value" placeholder="Property value"