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 {