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:
parent
793a5d2502
commit
1e1ed5ca45
8 changed files with 153 additions and 95 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue