You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampark.apache.org by kr...@apache.org on 2022/11/02 14:21:18 UTC
[incubator-streampark] branch dev updated: [Improve] login page style Improvement (#1950)
This is an automated email from the ASF dual-hosted git repository.
kriszu pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/incubator-streampark.git
The following commit(s) were added to refs/heads/dev by this push:
new c0d751043 [Improve] login page style Improvement (#1950)
c0d751043 is described below
commit c0d75104398287efcca74ac5d34ddd202535c0d0
Author: benjobs <be...@apache.org>
AuthorDate: Wed Nov 2 22:21:11 2022 +0800
[Improve] login page style Improvement (#1950)
---
.../src/views/base/login/Login.vue | 27 ++----------------
.../src/views/base/login/LoginForm.vue | 8 +++---
.../src/views/base/login/LoginSlogan.less | 4 +--
.../src/views/base/login/LoginSlogan.tsx | 33 +++++++++-------------
4 files changed, 22 insertions(+), 50 deletions(-)
diff --git a/streampark-console/streampark-console-newui/src/views/base/login/Login.vue b/streampark-console/streampark-console-newui/src/views/base/login/Login.vue
index bb8ad3bbe..06b91342d 100644
--- a/streampark-console/streampark-console-newui/src/views/base/login/Login.vue
+++ b/streampark-console/streampark-console-newui/src/views/base/login/Login.vue
@@ -16,8 +16,7 @@
-->
<template>
<div
- class="w-full bg-light-200 relative section bg-gradient-primary pb-260px md:pt-130px px-50px overflow-hidden"
- >
+ class="w-full bg-light-200 relative section bg-gradient-primary pb-260px md:pt-130px px-50px overflow-hidden">
<div class="overlay bg-gradient-primary !opacity-90 -z-1"></div>
<figure class="scribble scale-4 !opacity-10 top-50 left-0">
@@ -51,29 +50,6 @@
</Row>
</div>
- <figure class="absolute -bottom-1 left-0 right-0 top-auto text-light-200 mb-0 z-8">
- <svg
- class="waves"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- viewBox="0 24 150 28"
- preserveAspectRatio="none"
- shape-rendering="auto"
- >
- <defs>
- <path
- id="gentle-wave"
- d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"
- />
- </defs>
- <g class="parallax">
- <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" />
- <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
- <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
- <use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
- </g>
- </svg>
- </figure>
</div>
</template>
<script lang="ts" setup>
@@ -103,6 +79,7 @@
box-shadow: inherit !important;
}
+
.bg-gradient-primary {
background-image: linear-gradient(
130deg,
diff --git a/streampark-console/streampark-console-newui/src/views/base/login/LoginForm.vue b/streampark-console/streampark-console-newui/src/views/base/login/LoginForm.vue
index 2e7866465..1b66aa9e4 100644
--- a/streampark-console/streampark-console-newui/src/views/base/login/LoginForm.vue
+++ b/streampark-console/streampark-console-newui/src/views/base/login/LoginForm.vue
@@ -122,12 +122,12 @@
});
const loginText = computed(() => {
- const localText = 'Login';
- const ldapText = 'openLDAP';
+ const localText = 'Sign in';
+ const ldapText = 'Sign in with LDAP';
if (loginType.value === LoginTypeEnum.LOCAL) {
- return { buttonText: localText, linkText: 'Login by openLDAP' };
+ return { buttonText: localText, linkText: 'Sign in with LDAP' };
}
- return { buttonText: ldapText, linkText: 'Login by Password' };
+ return { buttonText: ldapText, linkText: 'Sign in with password' };
});
const { validForm } = useFormValid(formRef);
diff --git a/streampark-console/streampark-console-newui/src/views/base/login/LoginSlogan.less b/streampark-console/streampark-console-newui/src/views/base/login/LoginSlogan.less
index d298fd386..d27cf6f29 100644
--- a/streampark-console/streampark-console-newui/src/views/base/login/LoginSlogan.less
+++ b/streampark-console/streampark-console-newui/src/views/base/login/LoginSlogan.less
@@ -174,10 +174,10 @@
}
.system_info .project_title {
- font-size: 4.5875rem;
+ font-size: 3.5875rem;
margin-bottom: 15px;
font-weight: bolder;
- line-height: 6.5rem;
+ line-height: 6.0rem;
}
.system_info h5 {
diff --git a/streampark-console/streampark-console-newui/src/views/base/login/LoginSlogan.tsx b/streampark-console/streampark-console-newui/src/views/base/login/LoginSlogan.tsx
index e9e6060e4..8f1926dbe 100644
--- a/streampark-console/streampark-console-newui/src/views/base/login/LoginSlogan.tsx
+++ b/streampark-console/streampark-console-newui/src/views/base/login/LoginSlogan.tsx
@@ -55,42 +55,37 @@ export default defineComponent({
<span className="badge bg-secondary-home text-xl tag">Incubating</span>
</div>
</div>
- <p className=" text-light-200 leading-40px" style={{ fontSize: '20px' }}>
- Make stream processing easier! easy-to-use streaming application development framework
- and operation platform
+ <p className=" text-light-200 leading-40px" style={{ fontSize: '18px' }}>
+ <div>Make stream processing easier!</div>
+ <div>easy-to-use streaming application development framework</div>
+ <div>and operation platform</div>
</p>
</div>
<div className="flex items-center mt-10">
- <a
- className="btn streamx-btn btn !flex items-center"
+ <a className="btn streamx-btn btn !flex items-center"
href="https://github.com/apache/incubator-streampark"
- target="_blank"
- >
+ target="_blank">
<Icon icon="ant-design:github-filled"></Icon>
<div> GitHub</div>
</a>
- <a
- className="btn streamx-btn btn-green !flex items-center ml-10px"
- href="https://streampark.apache.org/docs/intro"
- target="_blank"
- >
+ <a className="btn streamx-btn btn-green !flex items-center ml-10px"
+ href="https://streampark.apache.org"
+ target="_blank">
<Icon icon="carbon:document"></Icon>
<div> Document</div>
</a>
</div>
<div className="mt-20px shields z-3 flex items-center">
+ <Tag color="#477de9">Version: v{version}</Tag>
<img
src="https://img.shields.io/github/stars/apache/incubator-streampark.svg?sanitize=true"
- className="wow fadeInUp"
- ></img>
+ className="wow fadeInUp">
+ </img>
<img
src="https://img.shields.io/github/forks/apache/incubator-streampark.svg?sanitize=true"
- className="wow fadeInUp"
- ></img>
- </div>
- <div className="mt-20px shields z-3 flex items-center">
- <Tag color="#477de9">Version: v{version}</Tag>
+ className="wow fadeInUp">
+ </img>
</div>
</div>
);