From 2bea34a35d1551cdb57fdd48696b1db4f7b665fd Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期三, 24 一月 2024 14:37:49 +0800
Subject: [PATCH] 样式调整
---
src/views/dashboard/components/DashboardTitle.vue | 15 +++++++--------
1 files changed, 7 insertions(+), 8 deletions(-)
diff --git a/src/views/dashboard/components/DashboardTitle.vue b/src/views/dashboard/components/DashboardTitle.vue
index cf635b5..4f37f2b 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);
@@ -202,7 +202,7 @@
.title-status {
height: 100%;
- // display: flex;
+ display: flex;
vertical-align: middle;
align-items: center;
position: absolute;
@@ -210,12 +210,11 @@
right: 6px;
div {
vertical-align: middle;
- float: left;
display: inline-block;
- margin-top: 19px;
+ margin-top: 7px;
}
.cloud-connection-status {
- margin-top: 14px;
+ margin-top: 5px;
}
}
.connection-info {
--
Gitblit v1.8.0