(incubator-streampark) branch dev updated: [Fix]: Improve style issue in dark mode (#3917)

[benjobs]

This is an automated email from the ASF dual-hosted git repository.

benjobs 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 4824016c5 [Fix]: Improve style issue in dark mode (#3917)
4824016c5 is described below

commit 4824016c53c379d07e7e19bcfc0620249eef284b
Author: Kriszu <39726513+wangsizhu0...@users.noreply.github.com>
AuthorDate: Fri Jul 26 12:35:01 2024 +0800

    [Fix]: Improve style issue in dark mode (#3917)
    
    * [Fix]: Improve style issue in dark mode
    
    * [Fix]: divider border color
---
 .../streampark-console-webapp/src/components/OpenApi/src/index.tsx   | 4 ++--
 .../streampark-console-webapp/src/design/ant/index.less              | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git 
a/streampark-console/streampark-console-webapp/src/components/OpenApi/src/index.tsx
 
b/streampark-console/streampark-console-webapp/src/components/OpenApi/src/index.tsx
index 6f35837f6..d0b0fde78 100644
--- 
a/streampark-console/streampark-console-webapp/src/components/OpenApi/src/index.tsx
+++ 
b/streampark-console/streampark-console-webapp/src/components/OpenApi/src/index.tsx
@@ -191,10 +191,10 @@ export default defineComponent({
       <>
         <Skeleton loading={fetchLoading.value} active>
           <div class="flex-none flex-shrink-0 ">
-            <div class="min-w-[12rem] flex min-h-9 flex-1 whitespace-nowrap 
rounded border dark:border-[#1f1f1f] border-[#f3f4f6]">
+            <div class="min-w-[12rem] flex min-h-9 flex-1 whitespace-nowrap 
rounded border dark:border-[#303030] border-[#f3f4f6]">
               {renderRequestMethod()}
               <div
-                class="flex flex-1 items-center text-[#111827] 
whitespace-nowrap rounded-r border-l border-[#f3f4f6] bg-[#f9fafb] 
dark:bg-[#1c1c1e] dark:border-[#1f1f1f] transition "
+                class="flex flex-1 items-center text-[#111827] 
whitespace-nowrap rounded-r border-l border-[#f3f4f6] bg-[#f9fafb] 
dark:bg-[#1c1c1e] dark:text-[#fff] dark:border-[#303030] transition "
                 style="padding-left:10px"
               >
                 {requestRef.value.url}
diff --git 
a/streampark-console/streampark-console-webapp/src/design/ant/index.less 
b/streampark-console/streampark-console-webapp/src/design/ant/index.less
index a128f696b..72e358cf3 100644
--- a/streampark-console/streampark-console-webapp/src/design/ant/index.less
+++ b/streampark-console/streampark-console-webapp/src/design/ant/index.less
@@ -89,3 +89,8 @@ div:not(.ant-modal-title)>.streampark-basic-title {
 .ant-card-body>.streampark-basic-title {
   display: table !important;
 }
+
+[data-theme="dark"] .ant-divider-horizontal.ant-divider-with-text::before,
+[data-theme="dark"] .ant-divider-horizontal.ant-divider-with-text::after {
+  border-top-color: inherit !important;
+}