agent-ecosystem/landing/components/common/AppLogo.vue
iliya 0bc8bf1fe9 feat(landing): enhance base URL handling and improve image paths
- Introduced baseURL configuration to dynamically set asset paths in the landing components.
- Updated AppLogo and HeroSection components to use baseURL for logo image sources.
- Refactored ScreenshotsSection to utilize a publicPath function for consistent image path handling.
- Improved LanguageSwitcher to synchronize the i18n locale with the store on mount.
- Enhanced TaskCommentInput to handle file uploads more robustly, including validation for empty files and improved error handling.
- Adjusted MessageComposer to conditionally support attachments based on team status.
2026-03-23 17:51:09 +02:00

59 lines
1.2 KiB
Vue

<script setup lang="ts">
const { baseURL } = useRuntimeConfig().app;
</script>
<template>
<NuxtLink to="/" class="app-logo">
<img
:src="`${baseURL}logo-192.png`"
alt="Claude Agent Teams"
class="app-logo__img"
width="36"
height="36"
/>
<span class="app-logo__text">Claude Agent Teams</span>
</NuxtLink>
</template>
<style scoped>
.app-logo {
font-weight: 700;
text-decoration: none;
color: inherit;
display: inline-flex;
align-items: center;
gap: 10px;
line-height: 1;
font-size: 16px;
letter-spacing: 0.02em;
align-self: center;
}
.app-logo__img {
width: 36px;
height: 36px;
border-radius: 10px;
flex-shrink: 0;
object-fit: contain;
}
.app-logo__text {
font-family: "JetBrains Mono", monospace;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.05em;
background: linear-gradient(135deg, #ffffff, #00f0ff);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<style>
.v-theme--light .app-logo__text {
background: linear-gradient(135deg, #1e293b, #0891b2);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>