diff --git a/client/src/components/icons/HepLogoNoClaim.vue b/client/src/components/icons/HepLogoNoClaim.vue new file mode 100644 index 00000000..9263e212 --- /dev/null +++ b/client/src/components/icons/HepLogoNoClaim.vue @@ -0,0 +1,18 @@ + + + diff --git a/client/src/layouts/SplitLayout.vue b/client/src/layouts/SplitLayout.vue index b23bbbec..7e4b7212 100644 --- a/client/src/layouts/SplitLayout.vue +++ b/client/src/layouts/SplitLayout.vue @@ -43,6 +43,7 @@ display: flex; position: relative; + width: 100%; &--illustration { &::after { @@ -81,6 +82,7 @@ display: flex; flex-direction: column; z-index: 1; + width: 100%; @include desktop { padding: 2*$large-spacing; diff --git a/client/src/pages/hello.vue b/client/src/pages/hello.vue index fb1bac25..40490f83 100644 --- a/client/src/pages/hello.vue +++ b/client/src/pages/hello.vue @@ -4,7 +4,11 @@ data-cy="hello-page">
- sdf + + @@ -59,7 +63,7 @@ import LoadingButton from '@/components/LoadingButton'; import pageTitleMixin from '@/mixins/page-title'; - import HepLogo from '@/components/icons/HepLogo'; + import HepLogoNoClaim from '@/components/icons/HepLogoNoClaim'; import EhbLogo from '@/components/icons/EhbLogo'; import Logo from '@/components/icons/Logo'; import HelloIllustration from '@/components/illustrations/HelloIllustration'; @@ -69,7 +73,7 @@ components: { LoadingButton, HelloIllustration, - HepLogo, + HepLogoNoClaim, EhbLogo, Logo }, @@ -91,10 +95,19 @@ $hello-block-margin: 2*$medium-spacing; + .hello { + max-width: 600px; + margin: 0 auto; + @include desktop { + max-width: 600px; + margin: 0 auto; + } + } + .logo { display: block; width: 300px; - margin: $small-spacing auto 0; + margin: $small-spacing auto $hello-block-margin; @include desktop { display: none; @@ -119,22 +132,6 @@ margin-right: $large-spacing; } } - - //&__logo-hep { - // width: auto; - // height: 30px; - // margin-bottom: $large-spacing; - // - // @include desktop { - // width: 147px; - // margin-bottom: 0; - // } - //} - // - //&__logo-ehb { - // width: 100px; - // height: 30px; - //} } .logos {