From 126d4dadb7ec8600c9feca2b718388cb1748ebb0 Mon Sep 17 00:00:00 2001
From: linkong <linkong@example.com>
Date: Wed, 1 Apr 2026 09:44:32 +0800
Subject: [PATCH] fix: align dashboard quick entry actions

---
 frontend/src/index.css                     | 25 ++++++++++++++++++++++
 frontend/src/pages/Dashboard/Dashboard.tsx | 10 ++++-----
 2 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 5a89c1df..58f9a3fd 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1236,6 +1236,28 @@ body {
   align-items: center;
 }
 
+.dashboard-quick-entry {
+  width: 100%;
+  align-items: center;
+  text-align: center;
+}
+
+.dashboard-quick-entry__copy {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  align-items: center;
+}
+
+.dashboard-quick-entry__title.ant-typography {
+  margin: 0;
+}
+
+.dashboard-quick-entry__link {
+  display: inline-flex;
+  justify-content: center;
+}
+
 .dashboard-status-tag {
   margin-inline-end: 0 !important;
   padding-inline: 10px;
@@ -1251,6 +1273,9 @@ body {
   background: #ffffff;
   color: rgba(0, 0, 0, 0.88);
   box-shadow: none;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
 }
 
 .dashboard-action-button.ant-btn:hover,
diff --git a/frontend/src/pages/Dashboard/Dashboard.tsx b/frontend/src/pages/Dashboard/Dashboard.tsx
index f799680a..1cf68dd8 100644
--- a/frontend/src/pages/Dashboard/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard/Dashboard.tsx
@@ -442,13 +442,13 @@ function Dashboard() {
         <Row gutter={[16, 16]}>
           <Col xs={24}>
             <Card>
-              <Space direction="vertical" size={12} style={{ width: '100%' }}>
-                <div>
-                  <Title level={5} style={{ margin: 0 }}>快捷入口</Title>
+              <Space direction="vertical" size={12} className="dashboard-quick-entry">
+                <div className="dashboard-quick-entry__copy">
+                  <Title level={5} className="dashboard-quick-entry__title">快捷入口</Title>
                   <Text type="secondary">快速访问地球可视化页面</Text>
                 </div>
-                <Link to="/earth">
-                  <Button type="primary" icon={<GlobalOutlined />}>
+                <Link to="/earth" className="dashboard-quick-entry__link">
+                  <Button type="primary" icon={<GlobalOutlined />} className="dashboard-quick-entry__button">
                     访问 Earth
                   </Button>
                 </Link>