feat: Adjust tooltip positions on some pages (#11389)

Author: zhengkunwang223

frontend/src/views/app-store/installed/app/info.vue

@@ -11,7 +11,7 @@
                 {{ $t('commons.table.port') }}：{{ installed.httpsPort }}
             </el-button>
 
-            <el-popover placement="top-start" trigger="hover" v-if="hasLinkButton(installed)" :width="400">
+            <el-popover placement="right" trigger="hover" v-if="hasLinkButton(installed)" :width="400">
                 <template #reference>
                     <el-button plain icon="Promotion" size="small" @click="$emit('openLink')">
                         {{ $t('app.toLink') }}

frontend/src/views/host/file-management/code-editor/index.vue

@@ -106,23 +106,19 @@
                         v-if="isShow"
                     >
                         <div class="flex items-center justify-between pl-1 pr-1 py-0.5 h-6">
-                            <el-tooltip :content="$t('file.top')" placement="top">
-                                <el-text size="small" @click="getUpData()" class="cursor-pointer">
-                                    <el-icon>
-                                        <Top />
-                                    </el-icon>
-                                    <span class="sm:inline hidden pl-1">{{ $t('file.up') }}</span>
-                                </el-text>
-                            </el-tooltip>
+                            <el-text size="small" @click="getUpData()" class="cursor-pointer">
+                                <el-icon>
+                                    <Top />
+                                </el-icon>
+                                <span class="sm:inline hidden pl-1">{{ $t('file.up') }}</span>
+                            </el-text>
                             <el-divider direction="vertical" class="!mx-0" />
-                            <el-tooltip :content="$t('commons.button.refresh')" placement="top">
-                                <el-text size="small" @click="getRefresh(directoryPath)" class="cursor-pointer">
-                                    <el-icon>
-                                        <Refresh />
-                                    </el-icon>
-                                    <span class="sm:inline hidden pl-1">{{ $t('commons.button.refresh') }}</span>
-                                </el-text>
-                            </el-tooltip>
+                            <el-text size="small" @click="getRefresh(directoryPath)" class="cursor-pointer">
+                                <el-icon>
+                                    <Refresh />
+                                </el-icon>
+                                <span class="sm:inline hidden pl-1">{{ $t('commons.button.refresh') }}</span>
+                            </el-text>
                             <el-divider direction="vertical" v-if="!mobile" class="!mx-0" />
                             <el-dropdown @command="handleCreate" v-if="!mobile" trigger="click">
                                 <el-text size="small">
@@ -241,7 +237,6 @@
                     <div class="flex-1 sm:w-4/5 w-2/3 relative">
                         <CodeTabs
                             class="monaco-editor monaco-editor-background"
-                            ref="codeTabsRef"
                             :select-tab="selectTab"
                             :file-tabs="fileTabs"
                             :on-remove-tab="removeTab"
@@ -415,7 +410,6 @@ import { GlobalStore } from '@/store';
 import CodeTabs from './tabs/index.vue';
 import noUpdateImage from '@/assets/images/no_update_app.svg';
 
-const codeTabsRef = ref();
 let editor: monaco.editor.IStandaloneCodeEditor | undefined;
 
 self.MonacoEnvironment = {

frontend/src/views/host/file-management/index.vue

@@ -465,6 +465,9 @@
                                 show-overflow-tooltip
                                 :sortable="'custom'"
                                 prop="name"
+                                :tooltip-options="{
+                                    placement: 'bottom-start',
+                                }"
                             >
                                 <template #default="{ row }">
                                     <div class="file-row">

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

@@ -78,6 +78,9 @@
                     @cell-mouse-leave="hideFavorite"
                     localKey="websiteColumn"
                     v-model:selects="selects"
+                    :tooltip-options="{
+                        placement: 'bottom-start',
+                    }"
                 >
                     <el-table-column type="selection" width="30" />
                     <el-table-column