[skywalking-booster-ui] branch main updated: fix style (#56)

[wu...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

wusheng pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-booster-ui.git


The following commit(s) were added to refs/heads/main by this push:
     new 4e8aa06  fix style (#56)
4e8aa06 is described below

commit 4e8aa062f5a0b03c74fdaf5d7a3578ce3441487a
Author: Fine0830 <fi...@outlook.com>
AuthorDate: Mon Apr 4 18:05:06 2022 +0800

    fix style (#56)
---
 src/views/dashboard/controls/Text.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/views/dashboard/controls/Text.vue b/src/views/dashboard/controls/Text.vue
index abdb1ab..98cc0db 100644
--- a/src/views/dashboard/controls/Text.vue
+++ b/src/views/dashboard/controls/Text.vue
@@ -38,7 +38,7 @@ limitations under the License. -->
       class="body"
       :style="{
         backgroundColor: TextColors[graph.backgroundColor],
-        textAlign: graph.textAlign,
+        justifyContent: graph.textAlign,
       }"
     >
       <a
@@ -99,11 +99,12 @@ function editConfig() {
 }
 
 .body {
-  padding: 5px 20px 0 10px;
+  padding: 0 20px 0 10px;
   width: 100%;
   height: 100%;
-  line-height: 100%;
   cursor: pointer;
+  display: flex;
+  align-items: center;
 }
 
 .tools {