update
This commit is contained in:
aaron
parent
812648ab61
commit
cb0db1248c
@ -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'
|
||||
|
||||
72
src/App.vue
72
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>© 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);
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user