style: adjust status column styling in websites list page (#11397)

Author: zhengkunwang223

frontend/src/components/complex-table/index.vue

@@ -15,6 +15,9 @@
                 :max-height="tableHeight"
                 @row-contextmenu="handleRightClick"
                 @row-click="handleRowClick"
+                :tooltip-options="{
+                    placement: 'bottom-start',
+                }"
             >
                 <slot></slot>
                 <template #empty>

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

@@ -125,7 +125,13 @@
                             </el-button>
                         </template>
                     </el-table-column>
-                    <el-table-column :label="$t('commons.table.status')" prop="status" width="120px" sortable>
+                    <el-table-column
+                        :label="$t('commons.table.status')"
+                        prop="status"
+                        width="120px"
+                        sortable
+                        align="center"
+                    >
                         <template #default="{ row }">
                             <span v-if="row.type === 'stream'">
                                 <el-text type="success">