diff --git a/frontend/public/index.html b/frontend/public/index.html index a8547a0..4856768 100644 --- a/frontend/public/index.html +++ b/frontend/public/index.html @@ -7,9 +7,9 @@ - HAProxy Management UI + HAProxy OpenManager diff --git a/frontend/src/App.js b/frontend/src/App.js index bc31975..63ad288 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -17,7 +17,8 @@ import { PlayCircleOutlined, CloudUploadOutlined, ApiOutlined, - SearchOutlined + SearchOutlined, + ClusterOutlined } from '@ant-design/icons'; import Dashboard from './components/DashboardV2'; @@ -232,28 +233,24 @@ function AppContent() { overflow: 'hidden' }}> {collapsed ? ( -
- H -
+ }} /> ) : (
-
- ⚡ -
- HAProxy Management + }} /> + HAProxy OpenManager
)} @@ -293,7 +290,7 @@ function AppContent() { marginLeft: '8px', whiteSpace: 'nowrap' }}> - HAProxy Load Balancer Management + HAProxy OpenManager
diff --git a/frontend/src/components/APIDocumentation.js b/frontend/src/components/APIDocumentation.js index b8c35f3..b9dd9cb 100644 --- a/frontend/src/components/APIDocumentation.js +++ b/frontend/src/components/APIDocumentation.js @@ -19,7 +19,7 @@ const APIDocumentation = () => { Agent-Pull Architecture - HAProxy Open Manager uses an agent-pull architecture: + HAProxy OpenManager uses an agent-pull architecture:
  1. diff --git a/frontend/src/components/Login.css b/frontend/src/components/Login.css index cfdcdd8..3209d5f 100644 --- a/frontend/src/components/Login.css +++ b/frontend/src/components/Login.css @@ -55,9 +55,9 @@ } .login-icon { - font-size: 48px; + font-size: 52px; color: #1890ff; - margin-bottom: 16px; + margin-bottom: 12px; display: block; } @@ -149,36 +149,11 @@ } .login-footer { - margin-top: 30px; - padding-top: 20px; + margin-top: 24px; + padding-top: 16px; border-top: 1px solid #f0f0f0; } -.demo-accounts { - background: #fafafa; - border-radius: 8px; - padding: 16px; - border: 1px solid #f0f0f0; -} - -.demo-account-list { - margin-top: 8px; -} - -.demo-account { - padding: 4px 0; - font-size: 14px; - color: #595959; - display: flex; - justify-content: space-between; - align-items: center; -} - -.demo-account .ant-typography { - color: #1890ff; - font-weight: 500; -} - /* Error alert customization */ .ant-alert-error { border-radius: 8px; @@ -232,17 +207,6 @@ font-size: 42px; } - .demo-account { - flex-direction: column; - align-items: flex-start; - gap: 4px; - padding: 6px 0; - } - - .demo-accounts { - padding: 12px; - } - .ant-input-affix-wrapper, .ant-input { height: 32px; @@ -284,13 +248,6 @@ margin-top: 16px; } - .demo-accounts { - padding: 10px; - } - - .demo-account-list .ant-typography { - font-size: 13px; - } } @media screen and (max-width: 360px) { @@ -333,9 +290,6 @@ margin-top: 12px; } - .demo-accounts { - padding: 8px; - } } /* High DPI displays */ diff --git a/frontend/src/components/Login.js b/frontend/src/components/Login.js index ac6f86b..7971355 100644 --- a/frontend/src/components/Login.js +++ b/frontend/src/components/Login.js @@ -14,7 +14,7 @@ import { import { UserOutlined, LockOutlined, - SecurityScanOutlined + ClusterOutlined } from '@ant-design/icons'; import axios from 'axios'; import { useAuth } from '../contexts/AuthContext'; @@ -97,12 +97,12 @@ const Login = () => { >
    - + - HAProxy Management + HAProxy OpenManager - Sign in to your account + Multi-Cluster Load Balancer Management
    @@ -166,25 +166,9 @@ const Login = () => {
    -
    - - Demo Accounts: - -
    -
    - admin - Super Administrator -
    -
    - operator1 - Daily Operations -
    -
    - security1 - Security Management -
    -
    - viewer1 - Read-only Access -
    -
    -
    + + Centralized management for multiple HAProxy clusters +