fix refresh buttons

iamfaran · iamfaran · commit b97f125f24b8 · 2025-05-16T19:51:43.000+05:00
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/AppsTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/AppsTab.tsx
@@ -283,8 +283,13 @@ const AppsTab: React.FC<AppsTabProps> = ({ environment, workspace }) => {
           icon={<SyncOutlined spin={refreshing} />} 
           onClick={handleRefresh}
           loading={loading}
-          type="primary"
-          ghost
+          type="default"
+          style={{
+            backgroundColor: 'rgba(255, 255, 255, 0.2)',
+            borderColor: 'rgba(255, 255, 255, 0.4)',
+            color: 'white',
+            fontWeight: 500
+          }}
         >
           Refresh
         </Button>
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/DataSourcesTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/DataSourcesTab.tsx
@@ -292,8 +292,13 @@ const DataSourcesTab: React.FC<DataSourcesTabProps> = ({ environment, workspace
           icon={<SyncOutlined spin={refreshing} />} 
           onClick={handleRefresh}
           loading={loading}
-          type="primary"
-          ghost
+          type="default"
+          style={{
+            backgroundColor: 'rgba(255, 255, 255, 0.2)',
+            borderColor: 'rgba(255, 255, 255, 0.4)',
+            color: 'white',
+            fontWeight: 500
+          }}
         >
           Refresh
         </Button>
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentHeader.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentHeader.tsx
@@ -73,9 +73,15 @@ const EnvironmentHeader: React.FC<EnvironmentHeaderProps> = ({
           <Button
             icon={<EditOutlined />}
             onClick={onEditClick}
-            type="primary"
-            ghost
+            type="default"
             size="large"
+            style={{
+              background: 'white',
+              color: '#1890ff',
+              borderColor: 'white',
+              fontWeight: 500,
+              boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
+            }}
           >
             Edit Environment
           </Button>
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/QueriesTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/QueriesTab.tsx
@@ -291,8 +291,13 @@ const QueriesTab: React.FC<QueriesTabProps> = ({ environment, workspace }) => {
           icon={<SyncOutlined spin={refreshing} />} 
           onClick={handleRefresh}
           loading={loading}
-          type="primary"
-          ghost
+          type="default"
+          style={{
+            backgroundColor: 'rgba(255, 255, 255, 0.2)',
+            borderColor: 'rgba(255, 255, 255, 0.4)',
+            color: 'white',
+            fontWeight: 500
+          }}
         >
           Refresh
         </Button>
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/UserGroupsTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/UserGroupsTab.tsx
@@ -234,8 +234,13 @@ const UserGroupsTab: React.FC<UserGroupsTabProps> = ({ environment }) => {
           icon={<SyncOutlined spin={refreshing} />} 
           onClick={handleRefresh}
           loading={loading}
-          type="primary"
-          ghost
+          type="default"
+          style={{
+            backgroundColor: 'rgba(255, 255, 255, 0.2)',
+            borderColor: 'rgba(255, 255, 255, 0.4)',
+            color: 'white',
+            fontWeight: 500
+          }}
         >
           Refresh
         </Button>
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/WorkspacesTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/WorkspacesTab.tsx
@@ -224,8 +224,13 @@ const WorkspacesTab: React.FC<WorkspacesTabProps> = ({ environment }) => {
           icon={<SyncOutlined spin={refreshing} />} 
           onClick={handleRefresh}
           loading={loading}
-          type="primary"
-          ghost
+          type="default"
+          style={{
+            backgroundColor: 'rgba(255, 255, 255, 0.2)',
+            borderColor: 'rgba(255, 255, 255, 0.4)',
+            color: 'white',
+            fontWeight: 500
+          }}
         >
           Refresh
         </Button>
