diff --git a/packages/console/src/assets/icons/snowflake.svg b/packages/console/src/assets/icons/snowflake.svg deleted file mode 100644 index ec21bc8e2..000000000 --- a/packages/console/src/assets/icons/snowflake.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/packages/console/src/assets/icons/welcome-dark.svg b/packages/console/src/assets/icons/welcome-dark.svg index 3269c76c6..9a97080a5 100644 --- a/packages/console/src/assets/icons/welcome-dark.svg +++ b/packages/console/src/assets/icons/welcome-dark.svg @@ -1,257 +1,263 @@ - - - - - - - - - - - - - - - - - - - + + + + + + + - - - - - + + + + + - - + + - - - - - - - - - - - - - + + + + + + + + + + + + + - - - - - + + + + + + + + + + + + + - - + + - - - - - - - - - - - - - + + + - + - - - - - - + + + + + + - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + - + - - - + + + - + - - + + - - + + - + - - + + - - + + - + - - - + + + - + - - + + - - + + - + - - + + - - + + - + - - + + - - + + - + - - - + + + - + - + - + - + - + - + - + - + - + - + - + - + - - - - - + + + + + + diff --git a/packages/console/src/assets/icons/welcome.svg b/packages/console/src/assets/icons/welcome.svg index e54fa95f0..38073d28f 100644 --- a/packages/console/src/assets/icons/welcome.svg +++ b/packages/console/src/assets/icons/welcome.svg @@ -1,255 +1,281 @@ - - - - - - - + + + + + + + - - - - - + + + + + - - + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + - - - - - + + + + + + + + + + + + + - - + + - - - - - - - - - - - - - + + + - + - - + + + + + - - - - + - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - + - + + + + + + + + + + + + + + + + + + + + + + + + - + - - - + + + - + - - + + - - + + - + - - + + - - + + - + - - - + + + - + - - + + - - + + - + - - + + - - + + - + - - + + - - + + - + - - - + + + - - + + + + + + + - + - + - + - + - + - + - + - + - + - + - - + + + + + + + + + + - - + + diff --git a/packages/console/src/pages/Welcome/index.module.scss b/packages/console/src/pages/Welcome/index.module.scss index b9ff66334..42bd764bb 100644 --- a/packages/console/src/pages/Welcome/index.module.scss +++ b/packages/console/src/pages/Welcome/index.module.scss @@ -6,32 +6,25 @@ height: 100vh; flex-direction: column; min-width: 1280px; + min-height: 806px; + background-position: right bottom; + background-size: contain; + background-repeat: no-repeat; &.light { background-image: url('../../assets/icons/welcome.svg'); - background-position: right 0 bottom 40px; - background-repeat: no-repeat; } &.dark { background-image: url('../../assets/icons/welcome-dark.svg'); - background-position: right 0 bottom 40px; - background-repeat: no-repeat; - } - - &::after { - content: ''; - position: absolute; - top: 0; - right: 92px; - width: 273px; - height: 221px; - background: url('../../assets/icons/snowflake.svg') no-repeat; - background-position: center; } } .header { + position: absolute; + top: 0; + left: 0; + width: 100%; padding: _.unit(12); } @@ -43,12 +36,20 @@ main { flex: 1; + display: flex; + flex-direction: column; +} + +.placeholderTop { + flex: 1; +} + +.placeholderBottom { + flex: 2; } .content { - position: absolute; - top: 25%; - left: 8.333%; + margin-left: 98px; width: 585px; } diff --git a/packages/console/src/pages/Welcome/index.tsx b/packages/console/src/pages/Welcome/index.tsx index 2fc796bde..c097d2470 100644 --- a/packages/console/src/pages/Welcome/index.tsx +++ b/packages/console/src/pages/Welcome/index.tsx @@ -40,6 +40,7 @@ const Welcome = () => {
+
{t('welcome.title')}
{t('welcome.description')}
@@ -53,6 +54,7 @@ const Welcome = () => { }} />
+
);