From a34e63638972a53cb8e6819c83ea68d615efcf83 Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Wed, 30 Mar 2022 17:36:22 +0800
Subject: [PATCH] fix text

---
 src/assets/icons/storage.svg          | 17 +++++++++++++++++
 src/router/database.ts                |  2 +-
 src/views/dashboard/controls/Text.vue |  8 +-------
 3 files changed, 19 insertions(+), 8 deletions(-)
 create mode 100644 src/assets/icons/storage.svg

diff --git a/src/assets/icons/storage.svg b/src/assets/icons/storage.svg
new file mode 100644
index 00000000..73d66841
--- /dev/null
+++ b/src/assets/icons/storage.svg
@@ -0,0 +1,17 @@
+<!-- Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements.  See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License. -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<path d="M3.984 11.016v1.969h2.016v-1.969h-2.016zM2.016 14.016v-4.031h19.969v4.031h-19.969zM6 6.984v-1.969h-2.016v1.969h2.016zM2.016 3.984h19.969v4.031h-19.969v-4.031zM3.984 17.016v1.969h2.016v-1.969h-2.016zM2.016 20.016v-4.031h19.969v4.031h-19.969z"></path>
+</svg>
diff --git a/src/router/database.ts b/src/router/database.ts
index a3e5bdf6..7dc0653c 100644
--- a/src/router/database.ts
+++ b/src/router/database.ts
@@ -23,7 +23,7 @@ export const routesDatabase: Array<RouteRecordRaw> = [
     name: "Database",
     meta: {
       title: "database",
-      icon: "bar_chart",
+      icon: "storage",
       hasGroup: true,
     },
     redirect: "/database",
diff --git a/src/views/dashboard/controls/Text.vue b/src/views/dashboard/controls/Text.vue
index 43bbf63e..0dd0bc3b 100644
--- a/src/views/dashboard/controls/Text.vue
+++ b/src/views/dashboard/controls/Text.vue
@@ -36,7 +36,6 @@ limitations under the License. -->
     </div>
     <div
       class="body"
-      :class="graph.textAlign === 'center' ? 'center' : ''"
       :style="{
         backgroundColor: TextColors[graph.backgroundColor],
         color: TextColors[graph.fontColor],
@@ -95,16 +94,11 @@ function editConfig() {
 }
 
 .body {
-  text-align: center;
+  padding: 5px 20px 0 10px;
   width: 100%;
   height: 100%;
   line-height: 100%;
   cursor: pointer;
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: center;
-  box-sizing: border-box;
-  display: -webkit-box;
-  // -webkit-box-align: left;
 }
 
 .tools {