1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-10 07:55:21 +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

@ -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>