From 99d763029e186ea830f08ff632e4519efa334539 Mon Sep 17 00:00:00 2001
From: geekgeekrun <geekgeekrun>
Date: Sun, 10 Mar 2024 21:42:12 +0800
Subject: [PATCH] adjust the height of flying company logo list in running
 status

---
 .../features/FlyingCompanyLogoList/index.vue   |  1 -
 .../RunningStatus.vue                          | 18 +++++++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/renderer/src/features/FlyingCompanyLogoList/index.vue b/packages/ui/src/renderer/src/features/FlyingCompanyLogoList/index.vue
index 100d380..0d8385b 100644
--- a/packages/ui/src/renderer/src/features/FlyingCompanyLogoList/index.vue
+++ b/packages/ui/src/renderer/src/features/FlyingCompanyLogoList/index.vue
@@ -66,7 +66,6 @@ onMounted(async () => {
 
 <style lang="scss" scoped>
 .flying-company-logo-list-container {
-  height: 600px;
   perspective: 600px;
   display: grid;
   align-items: center;
diff --git a/packages/ui/src/renderer/src/page/GeekAutoStartChatWithBoss/RunningStatus.vue b/packages/ui/src/renderer/src/page/GeekAutoStartChatWithBoss/RunningStatus.vue
index d37f327..039ab8c 100644
--- a/packages/ui/src/renderer/src/page/GeekAutoStartChatWithBoss/RunningStatus.vue
+++ b/packages/ui/src/renderer/src/page/GeekAutoStartChatWithBoss/RunningStatus.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="geek-auto-start-chat-with-boss__running-status">
+    <FlyingCompanyLogoList class="flying-company-logo-list" />
     <div class="tip">
       <article>
         <h1>👋 BOSS炸弹正在运行</h1>
@@ -9,7 +10,6 @@
       </article>
       <el-button :disabled="isStopping" @click="handleStopButtonClick">停止开聊</el-button>
     </div>
-    <FlyingCompanyLogoList class="flying-company-logo-list" />
   </div>
 </template>
 
@@ -63,12 +63,24 @@ onMounted(async () => {
 
 <style scoped lang="scss">
 .geek-auto-start-chat-with-boss__running-status {
-  max-width: 100%;
-  max-height: 100%;
+  width: 100%;
+  height: 100%;
   overflow: hidden;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
   .tip {
     margin: 0 auto;
+    margin-top: -15vh;
     max-width: 640px;
   }
+  .flying-company-logo-list {
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    opacity: 0.25;
+  }
 }
 </style>