work on styles

This commit is contained in:
Thomas Ruoff
2021-02-21 23:12:32 +01:00
parent a86c9dc3f5
commit fb91b1cbc8
15 changed files with 116 additions and 133 deletions

View File

@@ -35,7 +35,7 @@ export default function LetterOptions(props: IProps) {
]
return (
<div className="letter-options">
<div className="px-4 py-5 bg-white space-y-6 sm:p-6">
<Select
name="template"
text="Vorlage"
@@ -50,8 +50,16 @@ export default function LetterOptions(props: IProps) {
placeholder={EXAMPLE_ADDRESS}
onchange={props.onChange}
value={props.address}
styles="h-20"
/>
<Input name="subject" text="Betreff" placeholder="Betreffzeile" onchange={props.onChange} value={props.subject} />
<TextAreaInput
name="body"
text="Brieftext"
onchange={props.onChange}
placeholder="Inhalt des Briefes"
value={props.body}
/>
<Collapsible trigger="Bezugszeichenzeile">
<Input name="yourRef" text="Ihr Zeichen" onchange={props.onChange} value={props.yourRef} />
<Input name="yourMail" text="Ihr Schreiben vom" onchange={props.onChange} value={props.yourMail} />
@@ -77,13 +85,6 @@ export default function LetterOptions(props: IProps) {
/>
<Input name="specialMail" text="Versandhinweis" onchange={props.onChange} value={props.specialMail} />
</Collapsible>
<TextAreaInput
name="body"
text="Brieftext"
onchange={props.onChange}
placeholder="Inhalt des Briefes"
value={props.body}
/>
</div>
)
}