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 cc9236a38 [Improve] FE style improvement
cc9236a38 is described below
commit cc9236a38f874c63fc5dfeae517b0007fed52bb0
Author: benjobs <[email protected]>
AuthorDate: Mon Sep 2 01:13:55 2024 +0800
[Improve] FE style improvement
---
.../streampark-console-webapp/src/views/flink/app/View.vue | 2 +-
.../src/views/flink/app/components/AppView/AppDashboard.vue | 10 ++--------
.../src/views/flink/app/components/AppView/StatisticCard.vue | 6 +++---
.../src/views/flink/app/styles/View.less | 6 +++++-
4 files changed, 11 insertions(+), 13 deletions(-)
diff --git
a/streampark-console/streampark-console-webapp/src/views/flink/app/View.vue
b/streampark-console/streampark-console-webapp/src/views/flink/app/View.vue
index 98c90e719..cc41e2cc8 100644
--- a/streampark-console/streampark-console-webapp/src/views/flink/app/View.vue
+++ b/streampark-console/streampark-console-webapp/src/views/flink/app/View.vue
@@ -271,7 +271,7 @@
@register="registerTable"
:columns="getAppColumns"
@resize-column="onTableColumnResize"
- class="app_list !px-0 table-searchbar flex-1 pt-20px !px-0 flex flex-col"
+ class="app_list !px-0 table-searchbar flex-1 pt-15px !px-0 flex flex-col"
>
<template #tableTitle>
<div class="flex justify-between" style="width: 100%">
diff --git
a/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/AppDashboard.vue
b/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/AppDashboard.vue
index 395309a45..f6206dffe 100644
---
a/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/AppDashboard.vue
+++
b/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/AppDashboard.vue
@@ -83,14 +83,8 @@
defineExpose({ handleDashboard });
</script>
<template>
- <Row :gutter="24" class="dashboard">
- <Col
- class="gutter-row mt-10px"
- :md="6"
- :xs="24"
- v-for="(value, key) in dashBigScreenMap"
- :key="key"
- >
+ <Row :gutter="24">
+ <Col class="gutter-row" :md="6" :xs="24" v-for="(value, key) in
dashBigScreenMap" :key="key">
<StatisticCard
:statisticProps="value.staticstics"
:footerList="value.footer"
diff --git
a/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/StatisticCard.vue
b/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/StatisticCard.vue
index 9099bf454..fa93cc9c6 100644
---
a/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/StatisticCard.vue
+++
b/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/StatisticCard.vue
@@ -41,10 +41,10 @@
<Statistic
v-bind="statisticProps"
:value-style="{
- color: '#3f8600',
- fontSize: '2.5rem',
+ color: '#52c41a',
+ fontSize: '36px',
fontWeight: 500,
- textShadow: '1px 1px 0 rgba(0,0,0,0.2)',
+ textShadow: '1px 1px 0 rgba(0,0,0,0.1)',
}"
/>
</Card>
diff --git
a/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
b/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
index d36987dbb..a4ed72920 100644
---
a/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
+++
b/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
@@ -34,6 +34,10 @@
width: 100%;
}
+.gutter-row {
+ padding-left: 4px !important;
+}
+
.gutter-box {
padding: 10px 15px;
background: @component-background;
@@ -52,7 +56,7 @@
.dash-statistic {
.ant-card-body {
- padding: 8px !important;
+ padding: 2px !important;
}
}
