From cb0db1248cf64bff1d76085a39a295e4f82f1dc5 Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Thu, 8 May 2025 10:18:42 +0800
Subject: [PATCH] update

---
 docker-compose.yml        |   2 +-
 src/App.vue               |  72 +++---------------------
 src/views/AIAgentView.vue |  69 ++++++++++++++++++++---
 src/views/AIFeedView.vue  | 112 ++++++++++++++++++++++++++++++++------
 4 files changed, 166 insertions(+), 89 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index b56be6b..b3e6f50 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -5,7 +5,7 @@ services:
     build:
       context: .
       dockerfile: Dockerfile
-    image: icrypto-web:1.0.10
+    image: icrypto-web:1.0.11
     container_name: icrypto-web
     ports:
       - '6000:80'
diff --git a/src/App.vue b/src/App.vue
index 2cad22a..5bb84d6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -146,23 +146,6 @@ const handleLogout = () => {
         <RouterView />
       </div>
     </main>
-
-    <footer class="app-footer">
-      <div class="footer-content">
-        <div class="footer-links">
-          <a href="https://discord.gg/8vMDD4kC" target="_blank" class="footer-link">
-            <svg class="discord-icon-footer" viewBox="0 0 24 24" width="18" height="18">
-              <path
-                fill="currentColor"
-                d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"
-              />
-            </svg>
-            Discord社区
-          </a>
-        </div>
-        <p>&copy; 2025 Crypto.AI - AI Agent for Web3</p>
-      </div>
-    </footer>
   </div>
 </template>
 
@@ -553,53 +536,13 @@ body {
   flex-direction: column;
 }
 
-.app-footer {
-  background-color: var(--color-bg-secondary);
-  border-top: 1px solid var(--color-divider);
-  font-size: 0.9rem;
-  width: 100vw;
-  margin: 0;
-  padding: 1.5rem 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  left: 0;
-  right: 0;
-  position: relative;
-}
-
-.footer-content {
-  width: 100%;
-  max-width: var(--max-content-width);
-  margin: 0 auto;
-  padding: 0 var(--content-padding);
-  text-align: center;
-  color: var(--color-text-tertiary);
-}
-
-.footer-links {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 1rem;
-}
-
-.footer-link {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  color: var(--color-text-secondary);
-  text-decoration: none;
-  transition: all 0.2s ease;
-}
-
-.footer-link:hover {
-  color: var(--color-text-primary);
-}
-
+/* 移除 footer 相关样式 */
+.app-footer,
+.footer-content,
+.footer-links,
+.footer-link,
 .discord-icon-footer {
-  width: 18px;
-  height: 18px;
+  display: none;
 }
 
 /* 响应式设计 */
@@ -609,8 +552,7 @@ body {
   }
 
   .content-container,
-  .header-content,
-  .footer-content {
+  .header-content {
     width: 100%;
     max-width: var(--max-content-width);
   }
diff --git a/src/views/AIAgentView.vue b/src/views/AIAgentView.vue
index cd15b8e..8cc0b51 100644
--- a/src/views/AIAgentView.vue
+++ b/src/views/AIAgentView.vue
@@ -399,8 +399,12 @@ const sendMessage = async () => {
 <style scoped>
 .ai-agent-view {
   width: 100%;
-  padding: 0;
+  height: calc(100vh - var(--header-height));
+  padding: 2rem 0;
   position: relative;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
 
 /* 访问限制提示样式 */
@@ -529,12 +533,13 @@ const sendMessage = async () => {
 .main-container {
   display: flex;
   width: 100%;
-  height: calc(80vh - 150px);
-  min-height: 500px;
+  height: calc(100% - 4rem);
+  min-height: 0;
   background-color: var(--color-bg-card);
   border-radius: var(--border-radius);
   overflow: hidden;
   border: 1px solid var(--color-border);
+  margin: 0 auto;
 }
 
 .agent-sidebar {
@@ -602,6 +607,7 @@ const sendMessage = async () => {
   display: flex;
   flex-direction: column;
   min-width: 0;
+  min-height: 0;
 }
 
 .chat-header {
@@ -633,6 +639,7 @@ const sendMessage = async () => {
   display: flex;
   flex-direction: column;
   gap: 1rem;
+  min-height: 0;
 }
 
 /* 自定义滚动条样式 - 深色系 */
@@ -776,27 +783,75 @@ const sendMessage = async () => {
 @media (max-width: 768px) {
   .main-container {
     flex-direction: column;
-    height: 70vh;
+    height: 100%;
   }
 
   .agent-sidebar {
     width: 100%;
     border-right: none;
     border-bottom: 1px solid var(--color-border);
+    max-height: 60px;
   }
 
   .agent-list {
-    padding: 0.75rem;
+    padding: 0.5rem;
+    display: flex;
+    flex-direction: row;
+    gap: 0.5rem;
+    overflow-x: auto;
   }
 
   .agent-item {
-    padding: 0.75rem;
+    padding: 0.5rem;
+    min-width: 120px;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .agent-icon {
+    font-size: 1.2rem;
+  }
+
+  .agent-info {
+    min-width: 0;
+  }
+
+  .agent-name {
+    font-size: 0.9rem;
+    margin-bottom: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .agent-description {
+    display: none;
   }
 }
 
 @media (max-width: 480px) {
+  .agent-sidebar {
+    max-height: 50px;
+  }
+
+  .agent-list {
+    padding: 0.4rem;
+    gap: 0.4rem;
+  }
+
   .agent-item {
-    width: 160px;
+    padding: 0.4rem;
+    min-width: 100px;
+  }
+
+  .agent-icon {
+    font-size: 1.1rem;
+  }
+
+  .agent-name {
+    font-size: 0.85rem;
   }
 }
 </style>
diff --git a/src/views/AIFeedView.vue b/src/views/AIFeedView.vue
index a034eff..be8c54d 100644
--- a/src/views/AIFeedView.vue
+++ b/src/views/AIFeedView.vue
@@ -548,24 +548,59 @@ onMounted(() => {
     padding: 0 1rem;
   }
 
+  .feed-actions {
+    margin-bottom: 1rem;
+  }
+
   .feed-item {
     border-radius: 8px;
   }
 
   .feed-header {
-    padding: 1rem;
+    padding: 0.8rem;
+  }
+
+  .avatar {
+    width: 36px;
+    height: 36px;
+    margin-right: 0.8rem;
+  }
+
+  .avatar-placeholder {
+    font-size: 1.2rem;
+  }
+
+  .feed-info {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .feed-info-row {
+    gap: 0.5rem;
+  }
+
+  .agent-name {
+    font-size: 1rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .timestamp {
+    font-size: 0.8rem;
+    white-space: nowrap;
   }
 
   .feed-content {
-    padding: 1.2rem;
+    padding: 1rem;
   }
 
   .markdown-body h1 {
-    font-size: 1.5rem;
+    font-size: 1.3rem;
   }
 
   .markdown-body h2 {
-    font-size: 1.3rem;
+    font-size: 1.2rem;
   }
 
   .markdown-body h3 {
@@ -587,37 +622,82 @@ onMounted(() => {
 }
 
 @media (max-width: 480px) {
+  .ai-feed-view {
+    padding: 0 0.8rem;
+  }
+
   .feed-header {
-    flex-direction: row;
-    align-items: center;
+    padding: 0.6rem;
   }
 
   .avatar {
-    margin-bottom: 0;
-    width: 40px;
-    height: 40px;
+    width: 32px;
+    height: 32px;
+    margin-right: 0.6rem;
   }
 
-  .feed-info {
-    width: calc(100% - 52px);
+  .avatar-placeholder {
+    font-size: 1rem;
   }
 
   .feed-info-row {
     flex-direction: row;
     align-items: center;
-    gap: 8px;
+    gap: 0.4rem;
   }
 
   .agent-name {
-    font-size: 1rem;
+    font-size: 0.9rem;
   }
 
   .timestamp {
-    font-size: 0.8rem;
+    font-size: 0.75rem;
   }
 
-  .login-prompt-actions {
-    flex-direction: column;
+  .feed-content {
+    padding: 0.8rem;
+  }
+
+  .markdown-body h1 {
+    font-size: 1.2rem;
+  }
+
+  .markdown-body h2 {
+    font-size: 1.1rem;
+  }
+
+  .markdown-body h3 {
+    font-size: 1rem;
+  }
+
+  .markdown-body p {
+    font-size: 0.9rem;
+  }
+
+  .markdown-body ul,
+  .markdown-body ol {
+    padding-left: 1.2rem;
+  }
+
+  .markdown-body li {
+    font-size: 0.9rem;
+  }
+
+  .markdown-body pre {
+    padding: 0.6rem;
+  }
+
+  .markdown-body code {
+    font-size: 0.85rem;
+  }
+
+  .markdown-body table {
+    font-size: 0.85rem;
+  }
+
+  .markdown-body table th,
+  .markdown-body table td {
+    padding: 0.3rem;
   }
 }