Merge branch 'main' of https://git.ngsk.tech/linweidong/besure_web

src/views/Home/Index.vue

@@ -105,14 +105,14 @@ v-model="productionOverviewRange" type="daterange" unlink-panels value-format="Y
 				</el-carousel-item>
 			</el-carousel>
 		</el-card>
-		<el-row :gutter="16" class="home-section">
-			<el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24">
-				<el-card shadow="never">
+		<el-row :gutter="16" class="home-section device-alarm-section">
+			<el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24" class="device-alarm-col">
+				<el-card shadow="never" class="device-alarm-card">
 					<div class="section-header">
 						<div class="section-title">设备</div>
 						<div class="section-actions">
-							<el-button type="default">查看文档</el-button>
-							<el-button type="primary">添加设备</el-button>
+							<el-button type="default" size="small">查看文档</el-button>
+							<el-button type="primary" size="small">添加设备</el-button>
 						</div>
 					</div>
 					<el-row :gutter="12" class="mt-16px">
@@ -125,8 +125,8 @@ v-model="productionOverviewRange" type="daterange" unlink-panels value-format="Y
 					</el-row>
 				</el-card>
 			</el-col>
-			<el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24" class="mt-16px xl:mt-0 lg:mt-0">
-				<el-card shadow="never">
+			<el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24" class="device-alarm-col mt-16px xl:mt-0 lg:mt-0">
+				<el-card shadow="never" class="device-alarm-card">
 					<div class="section-header">
 						<div class="section-title">告警</div>
 					</div>
@@ -835,6 +835,24 @@ getAllApi()
 	gap: 8px;
 }
 
+.device-alarm-section {
+	align-items: stretch;
+}
+
+.device-alarm-col {
+	display: flex;
+}
+
+.device-alarm-card {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+}
+
+.device-alarm-card .section-header {
+	min-height: 32px;
+}
+
 .home-welcome-right {
 	display: flex;
 	align-items: flex-end;