capta1n commited on
Commit
d97cf2b
·
verified ·
1 Parent(s): f4d691d

删除资产管理和安全生产直接的灰色横条,并且优化安全生产和资产管理中问卷中文字的布局,保持居中且不要换行 - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +20 -24
index.html CHANGED
@@ -75,40 +75,36 @@
75
 
76
  <div class="relative bg-white rounded-2xl shadow-xl p-10 backdrop-blur-sm bg-opacity-90 border border-gray-100">
77
  <!-- 上侧模块 -->
78
- <div class="flex justify-center mb-12">
79
- <div class="bg-blue-50 rounded-lg p-4 shadow-md module-item">
80
- <h3 class="font-semibold text-blue-700 text-center mb-2">资产管理</h3>
81
- <div class="flex space-x-4">
82
- <div class="bg-white p-2 rounded">
83
  <i class="fas fa-cubes text-blue-500"></i>
84
  <span class="ml-1">应用</span>
85
  </div>
86
- <div class="bg-white p-2 rounded">
87
  <i class="fas fa-laptop text-blue-500"></i>
88
  <span class="ml-1">设备</span>
89
  </div>
90
- <div class="bg-white p-2 rounded">
91
  <i class="fas fa-user text-blue-500"></i>
92
  <span class="ml-1">账号</span>
93
  </div>
94
  </div>
95
  </div>
96
- <div class="mx-4 flex items-center">
97
- <div class="w-8 h-1 bg-gray-300"></div>
98
- <div class="w-0 h-0 border-t-8 border-b-8 border-l-12 border-t-transparent border-b-transparent border-l-gray-400"></div>
99
- </div>
100
- <div class="bg-green-50 rounded-lg p-4 shadow-md module-item">
101
- <h3 class="font-semibold text-green-700 text-center mb-2">安全生产</h3>
102
- <div class="flex space-x-4">
103
- <div class="bg-white p-2 rounded">
104
  <i class="fas fa-sliders-h text-green-500"></i>
105
  <span class="ml-1">灰度</span>
106
  </div>
107
- <div class="bg-white p-2 rounded">
108
  <i class="fas fa-chart-line text-green-500"></i>
109
  <span class="ml-1">监控</span>
110
  </div>
111
- <div class="bg-white p-2 rounded">
112
  <i class="fas fa-first-aid text-green-500"></i>
113
  <span class="ml-1">止血</span>
114
  </div>
@@ -117,10 +113,10 @@
117
  </div>
118
 
119
  <!-- 主体内容 -->
120
- <div class="flex flex-col md:flex-row items-center justify-between">
121
  <!-- 左侧模块 -->
122
- <div class="w-full md:w-1/4 mb-8 md:mb-0 pr-4">
123
- <div class="bg-purple-50 rounded-lg p-4 shadow-md module-item arrow">
124
  <h3 class="font-semibold text-purple-700 text-center mb-3"></h3>
125
 
126
  <div class="mb-4">
@@ -206,8 +202,8 @@
206
  </div>
207
 
208
  <!-- 右侧模块 -->
209
- <div class="w-full md:w-1/4">
210
- <div class="bg-orange-50 rounded-lg p-4 shadow-md module-item">
211
  <h3 class="font-semibold text-orange-700 text-center mb-3">巡检结果运营</h3>
212
  <ul class="space-y-2 text-sm">
213
  <li class="flex items-center bg-white p-2 rounded">
@@ -231,8 +227,8 @@
231
  </div>
232
 
233
  <!-- 下侧模块 -->
234
- <div class="flex justify-center mt-12">
235
- <div class="bg-indigo-50 rounded-lg p-4 shadow-md module-item">
236
  <h3 class="font-semibold text-indigo-700 text-center mb-3">攻击剧本执行结果</h3>
237
  <div class="flex flex-wrap justify-center gap-2">
238
  <div class="bg-white p-2 rounded flex items-center">
 
75
 
76
  <div class="relative bg-white rounded-2xl shadow-xl p-10 backdrop-blur-sm bg-opacity-90 border border-gray-100">
77
  <!-- 上侧模块 -->
78
+ <div class="flex justify-center mb-12 w-full md:w-1/2 mx-auto">
79
+ <div class="bg-blue-50 rounded-lg p-4 shadow-md module-item w-full">
80
+ <h3 class="font-semibold text-blue-700 text-center mb-3">资产管理</h3>
81
+ <div class="flex justify-center space-x-4 whitespace-nowrap">
82
+ <div class="bg-white px-3 py-1 rounded flex items-center">
83
  <i class="fas fa-cubes text-blue-500"></i>
84
  <span class="ml-1">应用</span>
85
  </div>
86
+ <div class="bg-white px-3 py-1 rounded flex items-center">
87
  <i class="fas fa-laptop text-blue-500"></i>
88
  <span class="ml-1">设备</span>
89
  </div>
90
+ <div class="bg-white px-3 py-1 rounded flex items-center">
91
  <i class="fas fa-user text-blue-500"></i>
92
  <span class="ml-1">账号</span>
93
  </div>
94
  </div>
95
  </div>
96
+ <div class="bg-green-50 rounded-lg p-4 shadow-md module-item w-full">
97
+ <h3 class="font-semibold text-green-700 text-center mb-3">安全生产</h3>
98
+ <div class="flex justify-center space-x-4 whitespace-nowrap">
99
+ <div class="bg-white px-3 py-1 rounded flex items-center">
 
 
 
 
100
  <i class="fas fa-sliders-h text-green-500"></i>
101
  <span class="ml-1">灰度</span>
102
  </div>
103
+ <div class="bg-white px-3 py-1 rounded flex items-center">
104
  <i class="fas fa-chart-line text-green-500"></i>
105
  <span class="ml-1">监控</span>
106
  </div>
107
+ <div class="bg-white px-3 py-1 rounded flex items-center">
108
  <i class="fas fa-first-aid text-green-500"></i>
109
  <span class="ml-1">止血</span>
110
  </div>
 
113
  </div>
114
 
115
  <!-- 主体内容 -->
116
+ <div class="flex flex-col md:flex-row items-center justify-between px-4">
117
  <!-- 左侧模块 -->
118
+ <div class="w-full md:w-1/4 mb-8 md:mb-0 px-4">
119
+ <div class="bg-purple-50 rounded-lg p-4 shadow-md module-item arrow w-full">
120
  <h3 class="font-semibold text-purple-700 text-center mb-3"></h3>
121
 
122
  <div class="mb-4">
 
202
  </div>
203
 
204
  <!-- 右侧模块 -->
205
+ <div class="w-full md:w-1/4 px-4">
206
+ <div class="bg-orange-50 rounded-lg p-4 shadow-md module-item w-full">
207
  <h3 class="font-semibold text-orange-700 text-center mb-3">巡检结果运营</h3>
208
  <ul class="space-y-2 text-sm">
209
  <li class="flex items-center bg-white p-2 rounded">
 
227
  </div>
228
 
229
  <!-- 下侧模块 -->
230
+ <div class="flex justify-center mt-12 w-full md:w-1/2 mx-auto">
231
+ <div class="bg-indigo-50 rounded-lg p-4 shadow-md module-item w-full">
232
  <h3 class="font-semibold text-indigo-700 text-center mb-3">攻击剧本执行结果</h3>
233
  <div class="flex flex-wrap justify-center gap-2">
234
  <div class="bg-white p-2 rounded flex items-center">