From f47fab707b09eef01672a468456cae916c644ec4 Mon Sep 17 00:00:00 2001
From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com>
Date: Fri, 12 Jun 2026 09:54:29 +0800
Subject: [PATCH 1/3] update button ui

---
 src/DTableIcon/index.css         | 4 ++--
 src/FieldDisplaySetting/index.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/DTableIcon/index.css b/src/DTableIcon/index.css
index c4a6463f..d6c40fa5 100644
--- a/src/DTableIcon/index.css
+++ b/src/DTableIcon/index.css
@@ -1,6 +1,6 @@
 .multicolor-icon {
-  width: 1em;
-  height: 1em;
+  width: 1rem;
+  height: 1rem;
   fill: currentColor;
   overflow: hidden;
 }
diff --git a/src/FieldDisplaySetting/index.js b/src/FieldDisplaySetting/index.js
index 37307cbc..f7ce6236 100644
--- a/src/FieldDisplaySetting/index.js
+++ b/src/FieldDisplaySetting/index.js
@@ -42,7 +42,7 @@ function FieldDisplaySetting({ fields, textProperties, fieldAllShown, onClickFie
     <div className="field-setting">
       <div className="field-setting-header seatable-collapse-header d-flex align-items-center justify-content-between" onClick={expandAllFields} >
         <Label className="mb-0">{textProperties.titleValue}</Label>
-        <span className={`dtable-font dtable-icon-right expand-button ${isCollapsed ? '' : 'revolving'}`} />
+        <span className={`seatable-icon-btn sm dtable-font dtable-icon-right expand-button ${isCollapsed ? '' : 'revolving'}`} />
       </div>
       <Transition nodeRef={nodeRef} in={!isCollapsed} timeout={DURATION}>
         {state => (

From 6da4869161c042c39f98ea193319080811f08488 Mon Sep 17 00:00:00 2001
From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com>
Date: Tue, 23 Jun 2026 11:21:30 +0800
Subject: [PATCH 2/3] Update index.css

---
 src/DTableIcon/index.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/DTableIcon/index.css b/src/DTableIcon/index.css
index d6c40fa5..c4a6463f 100644
--- a/src/DTableIcon/index.css
+++ b/src/DTableIcon/index.css
@@ -1,6 +1,6 @@
 .multicolor-icon {
-  width: 1rem;
-  height: 1rem;
+  width: 1em;
+  height: 1em;
   fill: currentColor;
   overflow: hidden;
 }

From 5a9c359d462194b33789022d88fc65689d8b9538 Mon Sep 17 00:00:00 2001
From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com>
Date: Tue, 23 Jun 2026 18:25:23 +0800
Subject: [PATCH 3/3] update ui

---
 src/DTableModalHeader/index.css | 23 +++--------------------
 1 file changed, 3 insertions(+), 20 deletions(-)

diff --git a/src/DTableModalHeader/index.css b/src/DTableModalHeader/index.css
index 8b82f2a1..6f24f2b9 100644
--- a/src/DTableModalHeader/index.css
+++ b/src/DTableModalHeader/index.css
@@ -1,22 +1,5 @@
-.modal-header .dtable-modal-close.close {
-  padding: 14px 16px;
-  opacity: 1;
-  margin: -1rem -1rem -1rem auto;
-  background-color: transparent;
-  border: 0;
-  float: right;
-  font-size: 1.40625rem;
-  font-weight: 700;
-  line-height: 1;
-  color: #000;
-}
-
-.modal-header .dtable-modal-close.close:not(:disabled):not(.disabled):hover {
-  opacity: 1;
-}
-
 .modal-header .dtable-modal-close .dtable-modal-close-inner {
-  width: 28px;
-  height: 28px;
-  font-size: 22.5px; /* same with Seafile close icon */
+  width: 24px;
+  height: 24px;
+  font-size: 16px; /* same with Seafile close icon */
 }