Commit
·
b8a1c11
1
Parent(s):
f5084a2
� SPACING FIX: Reduce vertical spacing in Use Cases page
Browse files✅ Use Cases页面间距优化：
- � 三张卡片下方间距: mb-16 → mb-8 (64px → 32px)
- � CTA区域下方间距: mb-16 → mb-8 (64px → 32px)
- � 减少页面空白区域，布局更紧凑
� 用户体验改进：
- 消除过大的空白空间
- 内容区域更加紧凑合理
- 保持良好的视觉层次
� 更优的Use Cases页面布局！
frontend/src/pages/UseCases.tsx
CHANGED
|
@@ -96,7 +96,7 @@ export function UseCases() {
|
|
| 96 |
</div>
|
| 97 |
|
| 98 |
{/* Use Cases Content */}
|
| 99 |
-
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-
|
| 100 |
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
| 101 |
{useCases.map((useCase, index) => (
|
| 102 |
<Card
|
|
@@ -177,7 +177,7 @@ export function UseCases() {
|
|
| 177 |
</div>
|
| 178 |
|
| 179 |
{/* CTA Section */}
|
| 180 |
-
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-
|
| 181 |
<div className="relative">
|
| 182 |
{/* Background with gradient and blur */}
|
| 183 |
<div className="absolute inset-0 bg-gradient-to-r from-purple-400/30 via-blue-500/30 to-pink-500/30 backdrop-blur-sm rounded-3xl"></div>
|
|
|
|
| 96 |
</div>
|
| 97 |
|
| 98 |
{/* Use Cases Content */}
|
| 99 |
+
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-8">
|
| 100 |
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
| 101 |
{useCases.map((useCase, index) => (
|
| 102 |
<Card
|
|
|
|
| 177 |
</div>
|
| 178 |
|
| 179 |
{/* CTA Section */}
|
| 180 |
+
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-8">
|
| 181 |
<div className="relative">
|
| 182 |
{/* Background with gradient and blur */}
|
| 183 |
<div className="absolute inset-0 bg-gradient-to-r from-purple-400/30 via-blue-500/30 to-pink-500/30 backdrop-blur-sm rounded-3xl"></div>
|
static/assets/index-f9124c48.js
ADDED
|
The diff for this file is too large to render.
See raw diff
|
|
|
static/assets/index-f9124c48.js.map
ADDED
|
The diff for this file is too large to render.
See raw diff
|
|
|
static/index.html
CHANGED
|
@@ -5,7 +5,7 @@
|
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
<title>Edge LLM</title>
|
| 8 |
-
<script type="module" crossorigin src="/assets/index-
|
| 9 |
<link rel="stylesheet" href="/assets/index-be9ccaff.css">
|
| 10 |
</head>
|
| 11 |
<body>
|
|
|
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
<title>Edge LLM</title>
|
| 8 |
+
<script type="module" crossorigin src="/assets/index-f9124c48.js"></script>
|
| 9 |
<link rel="stylesheet" href="/assets/index-be9ccaff.css">
|
| 10 |
</head>
|
| 11 |
<body>
|