adjust the height of flying company logo list in running status

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;

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>