Fix transparent AI avatar cutout and woven Mento logo mark.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-09-01 16:28:45 +03:30
co-authored by Cursor
parent 57fa6c8d12
commit 2b0c985d19
10 changed files with 172 additions and 71 deletions
@@ -74,7 +74,7 @@ function alertIcon(tone: string) {
</form>
</div>
<MentoAiAvatar class="hero-bot" :size="150" />
<MentoAiAvatar class="hero-bot" :size="168" />
</header>
</template>
@@ -82,15 +82,15 @@ function alertIcon(tone: string) {
.hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 180px;
gap: 1rem;
grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.7fr);
gap: 0.5rem 1rem;
align-items: center;
min-height: 196px;
padding: 1.35rem 1.4rem;
min-height: 210px;
padding: 1.4rem 1.5rem 1.35rem;
border-radius: 28px;
overflow: hidden;
color: #fff;
background: linear-gradient(110deg, #5eead4 0%, #14b8a6 26%, #0f766e 55%, #163a5f 100%);
background: linear-gradient(105deg, #4fd1c5 0%, #14b8a6 24%, #0f766e 52%, #123a5c 100%);
box-shadow: 0 18px 40px rgba(15, 118, 110, 0.22);
}