From b4a603e7e1c123195f5515aa7c3b247e1784fb76 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期三, 24 一月 2024 14:53:00 +0800
Subject: [PATCH] 1
---
src/views/dashboard/components/DashboardTitle.vue | 20 +++++++++++++++-----
1 files changed, 15 insertions(+), 5 deletions(-)
diff --git a/src/views/dashboard/components/DashboardTitle.vue b/src/views/dashboard/components/DashboardTitle.vue
index fbbfb1d..aa9cf3d 100644
--- a/src/views/dashboard/components/DashboardTitle.vue
+++ b/src/views/dashboard/components/DashboardTitle.vue
@@ -20,11 +20,11 @@
</el-icon>
</div>
<div class="cloud-connection-status">
- <el-icon v-if="cloudConnectionIconStatus" class="size_38" color="#00ff00">
+ <el-icon v-if="cloudConnectionIconStatus" class="size_36" color="#00ff00">
<IconCloudDone></IconCloudDone>
</el-icon>
- <el-icon v-else class="size_38" color="#ff0000">
+ <el-icon v-else class="size_36" color="#ff0000">
<IconCloudOff></IconCloudOff>
</el-icon>
</div>
@@ -171,8 +171,8 @@
.size_26 {
font-size: 26px;
}
-.size_38 {
- font-size: 38px;
+.size_36 {
+ font-size: 36px;
}
.title-text-box {
width: calc(100% - 150px);
@@ -201,11 +201,21 @@
}
.title-status {
+ height: 100%;
display: flex;
+ vertical-align: middle;
align-items: center;
position: absolute;
- top: 16px;
+ top: 0px;
right: 6px;
+ div {
+ vertical-align: middle;
+ display: inline-block;
+ margin-top: 7px;
+ }
+ .cloud-connection-status {
+ // margin-top: 5px;
+ }
}
.connection-info {
margin-right: 10px;
--
Gitblit v1.8.0