1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-05 05:25:24 +02:00

Light / dark assistant icon

This commit is contained in:
Zach Gollwitzer 2025-05-02 11:36:32 -04:00
parent 793a5d2502
commit 1e1ed5ca45
8 changed files with 153 additions and 95 deletions

View file

@ -15,7 +15,7 @@
<%= render "assistant_messages/tool_calls", message: assistant_message %>
<% end %>
<div class="flex items-start mb-6">
<div class="flex items-start gap-3 mb-6">
<%= render "chats/ai_avatar" %>
<div class="prose prose--ai-chat"><%= markdown(assistant_message.content) %></div>

View file

@ -1,4 +1,7 @@
<div class="w-16 h-16 flex-shrink-0 -ml-3 -mt-3">
<%# locals: (theme: "light") %>
<div class="w-8 h-8 antialiased" style="filter: drop-shadow(0px 6px 8px rgba(244, 78, 247, 0.10));">
<%# Never use svg as an image tag, it appears blurry in Safari %>
<%= inline_svg_tag "ai.svg", alt: "AI", class: "w-full h-full" %>
<%= inline_svg_tag "ai-dark.svg", alt: "AI", class: "w-full h-full hidden theme-dark:block" %>
<%= inline_svg_tag "ai.svg", alt: "AI", class: "w-full h-full theme-dark:hidden" %>
</div>

View file

@ -1,5 +1,5 @@
<div class="rounded-lg p-4 bg-container shadow-border-xs">
<div class="flex justify-center">
<div class="flex justify-center mb-4">
<%= render "chats/ai_avatar" %>
</div>

View file

@ -1,4 +1,4 @@
<div class="flex items-start w-full">
<div class="flex items-start w-full gap-3 p-2">
<%= render "chats/ai_avatar" %>
<div class="max-w-[85%] text-sm space-y-4 text-primary">

View file

@ -1,6 +1,6 @@
<%# locals: (chat:, message: "Thinking ...") -%>
<div id="thinking-indicator" class="flex items-start">
<div id="thinking-indicator" class="flex items-start gap-3">
<%= render "chats/ai_avatar" %>
<p class="text-sm text-secondary animate-pulse"><%= message %></p>
</div>

View file

@ -90,10 +90,8 @@
<p class="text-sm text-primary text-center">Comprehensive transaction tracking experience</p>
</div>
<div class="flex flex-col items-center">
<div class="pl-2">
<%= render "chats/ai_avatar" %>
</div>
<div class="flex flex-col gap-4 items-center">
<%= render "chats/ai_avatar" %>
<p class="text-sm text-primary text-center">Unlimited access and chats with Maybe AI</p>
</div>