fix: 解决文件和网站名称过长只显示...的问题

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>
-                            <el-link :underline="false" @click="open(row)" type="primary">{{ row.name }}</el-link>
+                            <span class="file-name" @click="open(row)" type="primary">{{ row.name }}</span>
                             <span v-if="row.isSymlink">-> {{ row.linkPath }}</span>
                         </template>
                     </el-table-column>
@@ -547,4 +547,14 @@ onMounted(() => {
     display: inline;
     width: 20%;
 }
+
+.file-name {
+    color: $primary-color;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.file-name:hover {
+    opacity: 0.6;
+}
 </style>

frontend/src/views/website/website/index.vue

@@ -75,9 +75,7 @@
                     >
                         <template #default="{ row }">
                             <el-button link :icon="Promotion" @click="openUrl(row)"></el-button>
-                            <el-link type="primary" :underline="false" @click="openConfig(row.id)">
-                                <span style="margin-left: 10px">{{ row.primaryDomain }}</span>
-                            </el-link>
+                            <span class="primary-domain" @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">
@@ -407,15 +405,20 @@ onMounted(() => {
     listGroup();
 });
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .search-button {
     float: right;
     display: inline;
 }
 
-.tooltip {
-    white-space: pre-wrap; /* 自动换行 */
-    word-break: break-all; /* 单词内换行 */
-    max-width: 200px; /* 控制最大宽度 */
+.primary-domain {
+    margin-left: 10px;
+    color: $primary-color;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.primary-domain:hover {
+    opacity: 0.6;
 }
 </style>