From c3ea1f3632f0993903c2afe4483f5dd672b46286 Mon Sep 17 00:00:00 2001 From: codevictory Date: Mon, 6 Dec 2021 21:33:39 +0200 Subject: [PATCH] More structure to the registration page. --- src/constants/localization/en.ts | 4 ++- src/constants/localization/fi.ts | 4 ++- src/constants/localization/registration/en.ts | 4 +++ src/constants/localization/registration/fi.ts | 4 +++ src/img/lintujamaslo.jpg | Bin 0 -> 11978 bytes src/pages/Registration.scss | 26 ++++++++++++++++-- src/pages/Registration.tsx | 12 ++++++-- 7 files changed, 48 insertions(+), 6 deletions(-) create mode 100644 src/constants/localization/registration/en.ts create mode 100644 src/constants/localization/registration/fi.ts create mode 100644 src/img/lintujamaslo.jpg diff --git a/src/constants/localization/en.ts b/src/constants/localization/en.ts index 8833b92..1e8fbaa 100644 --- a/src/constants/localization/en.ts +++ b/src/constants/localization/en.ts @@ -1,7 +1,9 @@ import { common } from "./common/en"; +import { registration } from './registration/en'; const en: Record = { - ...common + ...common, + ...registration } export default en; \ No newline at end of file diff --git a/src/constants/localization/fi.ts b/src/constants/localization/fi.ts index c7105e1..e85eb71 100644 --- a/src/constants/localization/fi.ts +++ b/src/constants/localization/fi.ts @@ -1,7 +1,9 @@ import { common } from "./common/fi"; +import { registration } from './registration/en'; const fi: Record = { - ...common + ...common, + ...registration } export default fi; \ No newline at end of file diff --git a/src/constants/localization/registration/en.ts b/src/constants/localization/registration/en.ts new file mode 100644 index 0000000..98e0b48 --- /dev/null +++ b/src/constants/localization/registration/en.ts @@ -0,0 +1,4 @@ +export const registration: Record = { + "registration.welcome": "Welcome to our wedding on plaa plaa August 2022", + "registration.questions": "If you have any question about:\nmushrooms\ndangerous animals" +} \ No newline at end of file diff --git a/src/constants/localization/registration/fi.ts b/src/constants/localization/registration/fi.ts new file mode 100644 index 0000000..98e0b48 --- /dev/null +++ b/src/constants/localization/registration/fi.ts @@ -0,0 +1,4 @@ +export const registration: Record = { + "registration.welcome": "Welcome to our wedding on plaa plaa August 2022", + "registration.questions": "If you have any question about:\nmushrooms\ndangerous animals" +} \ No newline at end of file diff --git a/src/img/lintujamaslo.jpg b/src/img/lintujamaslo.jpg new file mode 100644 index 0000000000000000000000000000000000000000..9fb37bfffc65c560db4f3167c587afe485c2aa1b GIT binary patch literal 11978 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 F{ePd;@KOK( literal 0 HcmV?d00001 diff --git a/src/pages/Registration.scss b/src/pages/Registration.scss index 82afcc4..d74b98c 100644 --- a/src/pages/Registration.scss +++ b/src/pages/Registration.scss @@ -1,4 +1,26 @@ -.Registration-form { +.Registration { display: flex; - justify-content: center; + align-items: center; + flex-direction: column; + white-space: pre-line; + + .Registration-main { + display: flex; + flex-direction: column; + align-items: center; + max-width: 50%; + + img { + max-width: 60%; + } + + p { + text-align: center; + } + } + + .Registration-form { + display: flex; + justify-content: center; + } } diff --git a/src/pages/Registration.tsx b/src/pages/Registration.tsx index 2d01e4c..51687d3 100644 --- a/src/pages/Registration.tsx +++ b/src/pages/Registration.tsx @@ -1,13 +1,21 @@ import "./Registration.scss"; +import { FormattedMessage } from 'react-intl'; +import mainPicture from "../img/lintujamaslo.jpg" import { RegForm } from '../components/RegForm' export const Registration = () => { return ( - <> +
+
+ +

+

+ +
- +
) } \ No newline at end of file