fix: 日志查看统一改成网页全屏以及样式调整 (#6682)

Refs #5873

frontend/src/components/compose-log/index.vue

@@ -95,15 +95,14 @@ const logSearch = reactive({
 const handleClose = () => {
     terminalSocket.value?.send('close conn');
     open.value = false;
+    globalStore.isFullScreen = false;
 };
 
 function toggleFullscreen() {
-    if (screenfull.isEnabled) {
+    globalStore.isFullScreen = !globalStore.isFullScreen;
-        screenfull.toggle();
-    }
 }
 const loadTooltip = () => {
-    return i18n.global.t('commons.button.' + (screenfull.isFullscreen ? 'quitFullscreen' : 'fullscreen'));
+    return i18n.global.t('commons.button.' + (globalStore.isFullScreen ? 'quitFullscreen' : 'fullscreen'));
 };
 
 watch(logVisible, (val) => {
@@ -214,6 +213,9 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
+.fullScreen {
+    border: none;
+}
 .selectWidth {
     width: 200px;
 }

frontend/src/lang/modules/en.ts

@@ -56,8 +56,8 @@ const message = {
             copy: 'Copy',
             random: 'Random',
             uninstall: 'Uninstall',
-            fullscreen: 'Fullscreen',
+            fullscreen: 'WebsiteFullscreen',
-            quitFullscreen: 'Quit Fullscreen',
+            quitFullscreen: 'Quit WebsiteFullscreen',
             update: 'Edit',
             showAll: 'Show All',
             hideSome: 'Hide Some',

frontend/src/lang/modules/tw.ts

@@ -55,8 +55,8 @@ const message = {
             copy: '復製',
             random: '隨機密碼',
             uninstall: '卸載',
-            fullscreen: '全屏',
+            fullscreen: '網頁全屏',
-            quitFullscreen: '退出全屏',
+            quitFullscreen: '退出網頁全屏',
             update: '編輯',
             showAll: '顯示所有',
             hideSome: '隱藏部分',

frontend/src/lang/modules/zh.ts

@@ -55,8 +55,8 @@ const message = {
             copy: '复制',
             random: '随机密码',
             uninstall: '卸载',
-            fullscreen: '全屏',
+            fullscreen: '网页全屏',
-            quitFullscreen: '退出全屏',
+            quitFullscreen: '退出网页全屏',
             update: '编辑',
             showAll: '显示所有',
             hideSome: '隐藏部分',

frontend/src/views/container/container/log/index.vue

@@ -122,17 +122,16 @@ const timeOptions = ref([
 ]);
 
 function toggleFullscreen() {
-    if (screenfull.isEnabled) {
+    globalStore.isFullScreen = !globalStore.isFullScreen;
-        screenfull.toggle();
-    }
 }
 
 const loadTooltip = () => {
-    return i18n.global.t('commons.button.' + (screenfull.isFullscreen ? 'quitFullscreen' : 'fullscreen'));
+    return i18n.global.t('commons.button.' + (globalStore.isFullScreen ? 'quitFullscreen' : 'fullscreen'));
 };
 const handleClose = async () => {
     terminalSocket.value?.send('close conn');
     logVisible.value = false;
+    globalStore.isFullScreen = false;
 };
 watch(logVisible, (val) => {
     if (screenfull.isEnabled && !val && !mobile.value) screenfull.exit();

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

@@ -19,6 +19,7 @@
                             v-if="!mobile"
                             class="!border-none !bg-transparent !text-base !font-semibold !py-2 !px-1"
                             icon="FullScreen"
+                            style="margin-right: 10px"
                         ></el-button>
                     </el-tooltip>
                     <el-button

frontend/src/views/toolbox/supervisor/file/index.vue

@@ -97,12 +97,10 @@ const mobile = computed(() => {
 });
 
 function toggleFullscreen() {
-    if (screenfull.isEnabled) {
+    globalStore.isFullScreen = !globalStore.isFullScreen;
-        screenfull.toggle();
-    }
 }
 const loadTooltip = () => {
-    return i18n.global.t('commons.button.' + (screenfull.isFullscreen ? 'quitFullscreen' : 'fullscreen'));
+    return i18n.global.t('commons.button.' + (globalStore.isFullScreen ? 'quitFullscreen' : 'fullscreen'));
 };
 
 const getContent = () => {
@@ -134,6 +132,7 @@ const changeTail = () => {
 const handleClose = () => {
     content.value = '';
     open.value = false;
+    globalStore.isFullScreen = false;
 };
 
 const submit = () => {