This is an automated email from the ASF dual-hosted git repository.
benjobs pushed a commit to branch dev-2.1.5
in repository https://gitbox.apache.org/repos/asf/incubator-streampark.git
The following commit(s) were added to refs/heads/dev-2.1.5 by this push:
new 7c8ef5c52 [Improve]: login footer style (#4050)
7c8ef5c52 is described below
commit 7c8ef5c52b46288c824209c832760a9ea173cc4a
Author: Kriszu <[email protected]>
AuthorDate: Tue Sep 10 15:07:50 2024 +0800
[Improve]: login footer style (#4050)
---
.../src/layouts/default/header/index.vue | 2 +-
.../src/settings/siteSetting.ts | 3 ++
.../src/views/base/login/Login.vue | 40 ++++++++++++++++------
.../src/views/base/login/LoginSlogan.tsx | 30 ++++++++--------
4 files changed, 48 insertions(+), 27 deletions(-)
diff --git
a/streampark-console/streampark-console-webapp/src/layouts/default/header/index.vue
b/streampark-console/streampark-console-webapp/src/layouts/default/header/index.vue
index 839a048a9..7149bc592 100755
---
a/streampark-console/streampark-console-webapp/src/layouts/default/header/index.vue
+++
b/streampark-console/streampark-console-webapp/src/layouts/default/header/index.vue
@@ -43,7 +43,7 @@
<template #content>
<img src="/@/assets/images/join_wechat.png" alt="qrcode"
class="h-150px w-150px" />
</template>
- <Icon icon="ant-design:qrcode-outlined"
:class="`${prefixCls}-action__item`" />
+ <Icon icon="cib:wechat" :class="`${prefixCls}-action__item`" />
</Popover>
<!-- Github info -->
diff --git
a/streampark-console/streampark-console-webapp/src/settings/siteSetting.ts
b/streampark-console/streampark-console-webapp/src/settings/siteSetting.ts
index f3adb2b7c..af470c020 100644
--- a/streampark-console/streampark-console-webapp/src/settings/siteSetting.ts
+++ b/streampark-console/streampark-console-webapp/src/settings/siteSetting.ts
@@ -6,3 +6,6 @@ export const DOC_URL =
'https://streampark.apache.org/docs/get-started/intro';
// site url
export const SITE_URL = 'https://streampark.apache.org';
+
+// twitter url
+export const TWITTER_URL = 'https://x.com/ASFStreampark';
diff --git
a/streampark-console/streampark-console-webapp/src/views/base/login/Login.vue
b/streampark-console/streampark-console-webapp/src/views/base/login/Login.vue
index 25ef6c54c..fe9ef8897 100644
---
a/streampark-console/streampark-console-webapp/src/views/base/login/Login.vue
+++
b/streampark-console/streampark-console-webapp/src/views/base/login/Login.vue
@@ -24,7 +24,7 @@
:showText="false"
/>
</div>
- <div class="w-full relative h-[calc(100%-120px)] min-h-700px flex
items-center section">
+ <div class="w-full relative h-[calc(100%-70px)] min-h-700px flex
items-center section">
<div class="scribble-box w-[80%] h-full absolute overflow-hidden">
<figure class="scribble scale-2 !opacity-10 top-50 left-0">
<SvgIcon name="block" class="text-secondary" :size="200" />
@@ -59,14 +59,31 @@
</div>
</div>
<footer class="w-1150px m-auto text-center bg-transparent opacity-60">
- <a href="https://streampark.apache.org/"; target="_blank" class="w-200px
m-auto inline-block">
- <img
- src="/@/assets/svg/apache-incubator.svg"
- alt="Apache Incubator logo"
- class="w-200px my-10px mx-auto"
- />
- </a>
- <p class="text-light-100 pt-10px" style="border-top: 1px solid #dad7d7">
+ <div class="flex items-center justify-center">
+ <a
+ :href="TWITTER_URL"
+ target="_blank"
+ class="text-light-100 mx-3 cursor-pointer hover:text-light-400
dark:text-light-100"
+ >
+ <Icon icon="hugeicons:new-twitter" />
+ </a>
+ <div class="mx-3 text-light-100 cursor-pointer">
+ <Popover placement="top" trigger="hover" arrow-point-at-center>
+ <template #content>
+ <img src="/@/assets/images/join_wechat.png" alt="qrcode"
class="h-150px w-150px" />
+ </template>
+ <Icon icon="cib:wechat" />
+ </Popover>
+ </div>
+ <a
+ :href="GITHUB_URL"
+ target="_blank"
+ class="text-light-100 mx-3 cursor-pointer hover:text-light-100
dark:text-light-100"
+ >
+ <Icon icon="ant-design:github-filled" />
+ </a>
+ </div>
+ <p class="text-light-100 pt-10px">
Copyright © 2022-{{ `${new Date().getFullYear()}` }} The Apache
Software Foundation. Apache
StreamPark, StreamPark, and its feather logo are trademarks of The
Apache Software
Foundation.
@@ -78,10 +95,11 @@
import LoginForm from './LoginForm.vue';
import LoginSlogan from './LoginSlogan';
import { useDesign } from '/@/hooks/web/useDesign';
- import { Row, Col } from 'ant-design-vue';
- import { SvgIcon } from '/@/components/Icon';
+ import { Row, Popover, Col } from 'ant-design-vue';
+ import Icon, { SvgIcon } from '/@/components/Icon';
import { useLocale } from '/@/locales/useLocale';
import { AppLocalePicker } from '/@/components/Application';
+ import { GITHUB_URL, TWITTER_URL } from '/@/settings/siteSetting';
defineProps({
sessionTimeout: {
type: Boolean,
diff --git
a/streampark-console/streampark-console-webapp/src/views/base/login/LoginSlogan.tsx
b/streampark-console/streampark-console-webapp/src/views/base/login/LoginSlogan.tsx
index 51e78cc31..b9cd1466f 100644
---
a/streampark-console/streampark-console-webapp/src/views/base/login/LoginSlogan.tsx
+++
b/streampark-console/streampark-console-webapp/src/views/base/login/LoginSlogan.tsx
@@ -24,45 +24,45 @@ export default defineComponent({
setup() {
return () => {
return (
- <div className="!text-left w-550px m-auto">
- <div className="mb-5 system_info pt-0">
- <div className="project_title fw-bold text-white mb-3">
+ <div class="!text-left w-550px m-auto">
+ <div class="mb-5 system_info pt-0">
+ <div class="project_title fw-bold text-white mb-3">
<div
- className="animated-gradient-text_background
animated-gradient-text_background-1"
+ class="animated-gradient-text_background
animated-gradient-text_background-1"
style={{
'--content': '"Apache"',
'--start-color': '#00DFD8',
'--end-color': '#FFF',
}}
>
- <span className="animated-gradient-text_foreground
animated-gradient-text_foreground-1">
+ <span class="animated-gradient-text_foreground
animated-gradient-text_foreground-1">
Apache
</span>
</div>
- <div className="flex items-start">
+ <div class="flex items-start">
<div
- className="animated-gradient-text_background
animated-gradient-text_background-2"
+ class="animated-gradient-text_background
animated-gradient-text_background-2"
style={{
'--content': '"StreamPark"',
'--start-color': '#FFF',
'--end-color': '#00DFD8',
}}
>
- <span className="animated-gradient-text_foreground
animated-gradient-text_foreground-2">
+ <span class="animated-gradient-text_foreground
animated-gradient-text_foreground-2">
StreamPark
</span>
</div>
</div>
</div>
- <p className=" text-light-200 leading-40px" style={{ fontSize:
'18px' }}>
+ <p class=" 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">
+ <div class="flex items-center mt-10">
<a
- className="btn streampark-btn btn !flex items-center"
+ class="btn streampark-btn btn !flex items-center"
href="https://github.com/apache/incubator-streampark";
target="_blank"
>
@@ -70,7 +70,7 @@ export default defineComponent({
<div> GitHub</div>
</a>
<a
- className="btn streampark-btn btn-green !flex items-center
ml-10px"
+ class="btn streampark-btn btn-green !flex items-center ml-10px"
href="https://streampark.apache.org";
target="_blank"
>
@@ -79,15 +79,15 @@ export default defineComponent({
</a>
</div>
- <div className="mt-20px shields z-3 flex items-center">
+ <div class="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"
+ class="wow fadeInUp"
></img>
<img
src="https://img.shields.io/github/forks/apache/incubator-streampark.svg?sanitize=true";
- className="wow fadeInUp"
+ class="wow fadeInUp"
></img>
</div>
</div>
![https://img.shields.io/github/stars/apache/incubator-streampark.svg?sanitize=true"](https://img.shields.io/github/stars/apache/incubator-streampark.svg?sanitize=true"){kind=link}
![https://img.shields.io/github/forks/apache/incubator-streampark.svg?sanitize=true"](https://img.shields.io/github/forks/apache/incubator-streampark.svg?sanitize=true"){kind=link}