From e044ca7d123cb3207e9419b76a14fa603252ca94 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <zhengkun@fit2cloud.com>
Date: Thu, 16 Mar 2023 15:15:03 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=94=B9=E5=81=9C=E7=94=A8?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/layout/layout-content.vue          |  4 ++++
 frontend/src/styles/common.scss                 | 16 ++++++++++++++--
 .../src/views/host/file-management/index.vue    | 12 +-----------
 frontend/src/views/website/website/index.vue    | 17 ++++-------------
 4 files changed, 23 insertions(+), 26 deletions(-)

diff --git a/frontend/src/layout/layout-content.vue b/frontend/src/layout/layout-content.vue
index 13ea156d8..d7138566e 100644
--- a/frontend/src/layout/layout-content.vue
+++ b/frontend/src/layout/layout-content.vue
@@ -133,4 +133,8 @@ const showBack = computed(() => {
     border: 0;
     border-top: var(--panel-border);
 }
+
+.main-box {
+    position: relative;
+}
 </style>
diff --git a/frontend/src/styles/common.scss b/frontend/src/styles/common.scss
index 8740a675f..4d989c76b 100644
--- a/frontend/src/styles/common.scss
+++ b/frontend/src/styles/common.scss
@@ -176,9 +176,12 @@
 .mask-prompt {
     position: absolute;
     z-index: 9999;
-    top: 25%;
-    left: 50%;
+    top: 220px;
+    left: 45%;
     transform: translate(-50%, -50%);
+    width: 300px;
+    text-align: center;
+    font-size: 14px;
 }
 
 .table-button {
@@ -287,3 +290,12 @@
     color: #646a73;
 }
 
+.table-link {
+    color: $primary-color;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.table-link:hover {
+    opacity: 0.6;
+}
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index c1ba7e37e..e0a3abd51 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -88,7 +88,7 @@
                         <template #default="{ row }">
                             <svg-icon v-if="row.isDir" className="table-icon" iconName="p-file-folder"></svg-icon>
                             <svg-icon v-else className="table-icon" :iconName="getIconName(row.extension)"></svg-icon>
-                            <span class="file-name" @click="open(row)" type="primary">{{ row.name }}</span>
+                            <span class="table-link" @click="open(row)" type="primary">{{ row.name }}</span>
                             <span v-if="row.isSymlink">-> {{ row.linkPath }}</span>
                         </template>
                     </el-table-column>
@@ -547,14 +547,4 @@ onMounted(() => {
     display: inline;
     width: 20%;
 }
-
-.file-name {
-    color: $primary-color;
-    font-weight: bold;
-    cursor: pointer;
-}
-
-.file-name:hover {
-    opacity: 0.6;
-}
 </style>
diff --git a/frontend/src/views/website/website/index.vue b/frontend/src/views/website/website/index.vue
index ad4afeceb..2563c14fa 100644
--- a/frontend/src/views/website/website/index.vue
+++ b/frontend/src/views/website/website/index.vue
@@ -75,7 +75,9 @@
                     >
                         <template #default="{ row }">
                             <el-button link :icon="Promotion" @click="openUrl(row)"></el-button>
-                            <span class="primary-domain" @click="openConfig(row.id)">{{ row.primaryDomain }}</span>
+                            <span class="table-link" style="margin-left: 10px" @click="openConfig(row.id)">
+                                {{ row.primaryDomain }}
+                            </span>
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('commons.table.type')" fix show-overflow-tooltip prop="type">
@@ -145,7 +147,7 @@
                     />
                 </ComplexTable>
                 <el-card width="30%" v-if="nginxStatus != 'Running'" class="mask-prompt">
-                    <span style="font-size: 14px">{{ $t('commons.service.serviceNotStarted', ['OpenResty']) }}</span>
+                    <span>{{ $t('commons.service.serviceNotStarted', ['OpenResty']) }}</span>
                 </el-card>
             </template>
         </LayoutContent>
@@ -410,15 +412,4 @@ onMounted(() => {
     float: right;
     display: inline;
 }
-
-.primary-domain {
-    margin-left: 10px;
-    color: $primary-color;
-    font-weight: bold;
-    cursor: pointer;
-}
-
-.primary-domain:hover {
-    opacity: 0.6;
-}
 </style>