diff options
| author |  ks129 <[email protected]> | 2021-01-21 14:34:53 +0200 |
|---|---|---|
| committer | ks129 <[email protected]> | 2021-01-21 14:34:53 +0200 |
| commit | 449a56d91e7208b057a0a5165fbbc2bfadd33ba6 (patch) | |
| tree | 0a6873600756a036659ed2cde5bfd705f5448eba /src/pages | |
| parent | Add submitted_text field to form (diff) | |
Implement dynamic showing of form submitted text
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/FormPage.tsx | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/pages/FormPage.tsx b/src/pages/FormPage.tsx index cf6947b..72b073f 100644 --- a/src/pages/FormPage.tsx +++ b/src/pages/FormPage.tsx @@ -29,6 +29,7 @@ interface NavigationProps { class Navigation extends React.Component<NavigationProps> { submitStyles = css` text-align: right; + white-space: nowrap; button { padding: 0.5rem 4rem; @@ -110,12 +111,13 @@ function FormPage(): JSX.Element { }, []); if (form && sent) { - const thanksStyle = css`font-family: "Uni Sans", "Hind", "Arial", sans-serif;`; + const thanksStyle = css`font-family: "Uni Sans", "Hind", "Arial", sans-serif; margin-top: 250px;`; + const divStyle = css`width: 80%;`; return ( <div> <HeaderBar title={form.name} description={form.description}/> - <div css={[unselectable, containerStyles]}> - <h3 css={thanksStyle}>Thanks for your response!</h3> + <div css={[unselectable, containerStyles, divStyle]}> + <h3 css={thanksStyle}>{form.submitted_text ?? "Thanks for your response!"}</h3> <div className={ "return_button closed" }> <Link to="/" css={returnStyles}>Return Home</Link> </div> |