[Improve] FE style minor improvement

apache · Sep 16, 2024 · 94ee019 · 94ee019
1 parent 96482b5
commit 94ee019
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 7 deletions.
diff --git a/streampark-console/streampark-console-webapp/src/components/Application/src/AppLogo.vue b/streampark-console/streampark-console-webapp/src/components/Application/src/AppLogo.vue
@@ -61,10 +61,10 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-top: 8px;
     padding-left: 7px;
     cursor: pointer;
     transition: all 0.2s ease;
+    border-bottom: 1px solid rgba(192, 192, 192, 0.1);
 
     &.light {
       border-bottom: 1px solid @border-color-base;

diff --git a/streampark-console/streampark-console-webapp/src/design/var/index.less b/streampark-console/streampark-console-webapp/src/design/var/index.less
@@ -8,10 +8,10 @@
 @multiple-height: 30px;
 
 // headers
-@header-height: 50px;
+@header-height: 64px;
 
 // logo width
-@logo-width: 48px;
+@logo-width: 64px;
 
 //
 @side-drag-z-index: 200;

diff --git a/streampark-console/streampark-console-webapp/src/layouts/default/header/MultipleHeader.vue b/streampark-console/streampark-console-webapp/src/layouts/default/header/MultipleHeader.vue
@@ -19,7 +19,7 @@
   import { useDesign } from '/@/hooks/web/useDesign';
   import { useLayoutHeight } from '../content/useContentViewHeight';
 
-  const HEADER_HEIGHT = 48;
+  const HEADER_HEIGHT = 64;
 
   const TABS_HEIGHT = 32;
   export default defineComponent({

diff --git a/streampark-console/streampark-console-webapp/src/layouts/default/sider/LayoutSider.vue b/streampark-console/streampark-console-webapp/src/layouts/default/sider/LayoutSider.vue
@@ -24,7 +24,7 @@
     <LayoutMenu :theme="getMenuTheme" :menuMode="getMode" :splitType="getSplitType" />
     <DragBar ref="dragBarRef" />
     <div
-      class="flex justify-between items-center border-t-1 border-[#c0c0c01a] h-50px px-4"
+      class="flex justify-between items-center border-t-1 border-[#c0c0c01a] h-35px px-4"
       v-if="!getCollapsed"
     >
       <a @click="openWindow(SITE_URL)" class="text-gray-400 hover:text-white">

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
@@ -38,6 +38,10 @@
   line-height: 1.8;
 }
 
+.gutter-row {
+  padding-left: 4px !important;
+}
+
 .gutter-box {
   padding: 10px 15px;
   background: @component-background;
@@ -47,7 +51,6 @@
   list-style: none;
   font-feature-settings: 'tnum';
   position: relative;
-  border-radius: 4px;
   transition: all 0.3s;
 
   .ant-divider-horizontal {
@@ -56,7 +59,7 @@
 
   .dash-statistic {
     .ant-card-body {
-      padding: 8px !important;
+      padding: 2px !important;
     }
   }