Docker/Maybe
Docker/Maybe
1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-09 23:45:21 +02:00
Code Issues Releases Activity Actions

Update SVG icons to use currentColor for better theming, enhance profile image preview functionality, and adjust layout for mobile responsiveness in various views.

Browse source
This commit is contained in:
Luan Estradioto 2025-04-14 20:17:30 -03:00
parent 1d9f1d5670
commit 77bffbe6ce
15 changed files with 33 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

16
app/assets/images/icon-chat-ai.svg
View file

@ -1,10 +1,10 @@
<svg width="21" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x=".92" y=".75" width="18.5" height="18.5" rx="5.25" stroke="#171717" stroke-width="1.5"/>
<path d="M13.33 5.78c.26 0 .47.2.48.46.01.9.04 1.78.09 2.68a.47.47 0 0 1-.93.04c-.05-.9-.08-1.8-.1-2.7 0-.26.2-.47.46-.48Zm-3.81.42a.47.47 0 1 0-.77-.54 53.65 53.65 0 0 1-1.69 2.28V7.8c0-.38-.01-.78-.09-1.19a.47.47 0 0 0-.91.17 6.08 6.08 0 0 1 .07 1.3c0 .29 0 .58.02.87 0 .06.02.12.05.18-.45.64-.87 1.3-1.22 1.99l-.02.04c-.05.1-.17.32-.24.54-.04.12-.09.3-.07.48.02.1.05.22.12.33.08.1.2.19.31.24.76.28 1.6.31 2.4.25.64-.05 1.29-.16 1.87-.26l.38-.06a.47.47 0 0 0-.15-.92l-.41.07c-.58.1-1.17.2-1.77.24a4.9 4.9 0 0 1-1.78-.13 7.6 7.6 0 0 0 .2-.4 19.6 19.6 0 0 1 1.73-2.7l.72-.96c.43-.56.86-1.12 1.25-1.68Zm3.84 7.51a.47.47 0 0 0-.89-.29c-.1.34-.25.6-.43.78-.18.17-.4.29-.73.32-.48.04-.97-.16-1.18-.51a.47.47 0 1 0-.8.48c.45.74 1.34 1.02 2.07.96.53-.05.96-.26 1.29-.59.32-.31.53-.72.67-1.15Z" fill="#171717"/>
<path d="M13.33 5.78c.26 0 .47.2.48.46.01.9.04 1.78.09 2.68a.47.47 0 0 1-.93.04c-.05-.9-.08-1.8-.1-2.7 0-.26.2-.47.46-.48Z" stroke="#737373" stroke-width=".3" stroke-linecap="round"/>
<path d="M13.33 5.78c.26 0 .47.2.48.46.01.9.04 1.78.09 2.68a.47.47 0 0 1-.93.04c-.05-.9-.08-1.8-.1-2.7 0-.26.2-.47.46-.48Z" stroke="#171717" stroke-width=".3" stroke-linecap="round"/>
<path d="M9.52 6.2a.47.47 0 1 0-.77-.54 53.65 53.65 0 0 1-1.69 2.28V7.8c0-.38-.01-.78-.09-1.19a.47.47 0 0 0-.91.17 6.08 6.08 0 0 1 .07 1.3c0 .29 0 .58.02.87 0 .06.02.12.05.18-.45.64-.87 1.3-1.22 1.99l-.02.04c-.05.1-.17.32-.24.54-.04.12-.09.3-.07.48.02.1.05.22.12.33.08.1.2.19.31.24.76.28 1.6.31 2.4.25.64-.05 1.29-.16 1.87-.26l.38-.06a.47.47 0 0 0-.15-.92l-.41.07c-.58.1-1.17.2-1.77.24a4.9 4.9 0 0 1-1.78-.13 7.6 7.6 0 0 0 .2-.4 19.6 19.6 0 0 1 1.73-2.7l.72-.96c.43-.56.86-1.12 1.25-1.68Z" stroke="#737373" stroke-width=".3" stroke-linecap="round"/>
<path d="M9.52 6.2a.47.47 0 1 0-.77-.54 53.65 53.65 0 0 1-1.69 2.28V7.8c0-.38-.01-.78-.09-1.19a.47.47 0 0 0-.91.17 6.08 6.08 0 0 1 .07 1.3c0 .29 0 .58.02.87 0 .06.02.12.05.18-.45.64-.87 1.3-1.22 1.99l-.02.04c-.05.1-.17.32-.24.54-.04.12-.09.3-.07.48.02.1.05.22.12.33.08.1.2.19.31.24.76.28 1.6.31 2.4.25.64-.05 1.29-.16 1.87-.26l.38-.06a.47.47 0 0 0-.15-.92l-.41.07c-.58.1-1.17.2-1.77.24a4.9 4.9 0 0 1-1.78-.13 7.6 7.6 0 0 0 .2-.4 19.6 19.6 0 0 1 1.73-2.7l.72-.96c.43-.56.86-1.12 1.25-1.68Z" stroke="#171717" stroke-width=".3" stroke-linecap="round"/>
<path d="M13.36 13.71a.47.47 0 0 0-.89-.29c-.1.34-.25.6-.43.78-.18.17-.4.29-.73.32-.48.04-.97-.16-1.18-.51a.47.47 0 1 0-.8.48c.45.74 1.34 1.02 2.07.96.53-.05.96-.26 1.29-.59.32-.31.53-.72.67-1.15Z" stroke="#737373" stroke-width=".3" stroke-linecap="round"/>
<path d="M13.36 13.71a.47.47 0 0 0-.89-.29c-.1.34-.25.6-.43.78-.18.17-.4.29-.73.32-.48.04-.97-.16-1.18-.51a.47.47 0 1 0-.8.48c.45.74 1.34 1.02 2.07.96.53-.05.96-.26 1.29-.59.32-.31.53-.72.67-1.15Z" stroke="#171717" stroke-width=".3" stroke-linecap="round"/>
<rect x=".92" y=".75" width="18.5" height="18.5" rx="5.25" stroke="currentColor" stroke-width="1.5"/>
<path d="M13.33 5.78c.26 0 .47.2.48.46.01.9.04 1.78.09 2.68a.47.47 0 0 1-.93.04c-.05-.9-.08-1.8-.1-2.7 0-.26.2-.47.46-.48Zm-3.81.42a.47.47 0 1 0-.77-.54 53.65 53.65 0 0 1-1.69 2.28V7.8c0-.38-.01-.78-.09-1.19a.47.47 0 0 0-.91.17 6.08 6.08 0 0 1 .07 1.3c0 .29 0 .58.02.87 0 .06.02.12.05.18-.45.64-.87 1.3-1.22 1.99l-.02.04c-.05.1-.17.32-.24.54-.04.12-.09.3-.07.48.02.1.05.22.12.33.08.1.2.19.31.24.76.28 1.6.31 2.4.25.64-.05 1.29-.16 1.87-.26l.38-.06a.47.47 0 0 0-.15-.92l-.41.07c-.58.1-1.17.2-1.77.24a4.9 4.9 0 0 1-1.78-.13 7.6 7.6 0 0 0 .2-.4 19.6 19.6 0 0 1 1.73-2.7l.72-.96c.43-.56.86-1.12 1.25-1.68Zm3.84 7.51a.47.47 0 0 0-.89-.29c-.1.34-.25.6-.43.78-.18.17-.4.29-.73.32-.48.04-.97-.16-1.18-.51a.47.47 0 1 0-.8.48c.45.74 1.34 1.02 2.07.96.53-.05.96-.26 1.29-.59.32-.31.53-.72.67-1.15Z" fill="currentColor"/>
<path d="M13.33 5.78c.26 0 .47.2.48.46.01.9.04 1.78.09 2.68a.47.47 0 0 1-.93.04c-.05-.9-.08-1.8-.1-2.7 0-.26.2-.47.46-.48Z" stroke="currentColor" stroke-width=".3" stroke-linecap="round"/>
<path d="M13.33 5.78c.26 0 .47.2.48.46.01.9.04 1.78.09 2.68a.47.47 0 0 1-.93.04c-.05-.9-.08-1.8-.1-2.7 0-.26.2-.47.46-.48Z" stroke="currentColor" stroke-width=".3" stroke-linecap="round"/>
<path d="M9.52 6.2a.47.47 0 1 0-.77-.54 53.65 53.65 0 0 1-1.69 2.28V7.8c0-.38-.01-.78-.09-1.19a.47.47 0 0 0-.91.17 6.08 6.08 0 0 1 .07 1.3c0 .29 0 .58.02.87 0 .06.02.12.05.18-.45.64-.87 1.3-1.22 1.99l-.02.04c-.05.1-.17.32-.24.54-.04.12-.09.3-.07.48.02.1.05.22.12.33.08.1.2.19.31.24.76.28 1.6.31 2.4.25.64-.05 1.29-.16 1.87-.26l.38-.06a.47.47 0 0 0-.15-.92l-.41.07c-.58.1-1.17.2-1.77.24a4.9 4.9 0 0 1-1.78-.13 7.6 7.6 0 0 0 .2-.4 19.6 19.6 0 0 1 1.73-2.7l.72-.96c.43-.56.86-1.12 1.25-1.68Z" stroke="currentColor" stroke-width=".3" stroke-linecap="round"/>
<path d="M9.52 6.2a.47.47 0 1 0-.77-.54 53.65 53.65 0 0 1-1.69 2.28V7.8c0-.38-.01-.78-.09-1.19a.47.47 0 0 0-.91.17 6.08 6.08 0 0 1 .07 1.3c0 .29 0 .58.02.87 0 .06.02.12.05.18-.45.64-.87 1.3-1.22 1.99l-.02.04c-.05.1-.17.32-.24.54-.04.12-.09.3-.07.48.02.1.05.22.12.33.08.1.2.19.31.24.76.28 1.6.31 2.4.25.64-.05 1.29-.16 1.87-.26l.38-.06a.47.47 0 0 0-.15-.92l-.41.07c-.58.1-1.17.2-1.77.24a4.9 4.9 0 0 1-1.78-.13 7.6 7.6 0 0 0 .2-.4 19.6 19.6 0 0 1 1.73-2.7l.72-.96c.43-.56.86-1.12 1.25-1.68Z" stroke="currentColor" stroke-width=".3" stroke-linecap="round"/>
<path d="M13.36 13.71a.47.47 0 0 0-.89-.29c-.1.34-.25.6-.43.78-.18.17-.4.29-.73.32-.48.04-.97-.16-1.18-.51a.47.47 0 1 0-.8.48c.45.74 1.34 1.02 2.07.96.53-.05.96-.26 1.29-.59.32-.31.53-.72.67-1.15Z" stroke="currentColor" stroke-width=".3" stroke-linecap="round"/>
<path d="M13.36 13.71a.47.47 0 0 0-.89-.29c-.1.34-.25.6-.43.78-.18.17-.4.29-.73.32-.48.04-.97-.16-1.18-.51a.47.47 0 1 0-.8.48c.45.74 1.34 1.02 2.07.96.53-.05.96-.26 1.29-.59.32-.31.53-.72.67-1.15Z" stroke="currentColor" stroke-width=".3" stroke-linecap="round"/>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3 KiB

Before After
Before After

4
app/javascript/controllers/profile_image_preview_controller.js
View file

@ -10,6 +10,10 @@ export default class extends Controller {
"clearBtn",
];
triggerFileInput() {
this.inputTarget.click();
}
clearFileInput() {
this.inputTarget.value = null;
this.clearBtnTarget.classList.add("hidden");

2
app/views/accounts/show/_template.html.erb
View file

@ -16,7 +16,7 @@
<%= render "accounts/show/chart", account: account %>
<% end %>
<div class="min-h-[800px]">
<div>
<% if tabs.present? %>
<%= tabs %>
<% else %>

4
app/views/budget_categories/_no_categories.html.erb
View file

@ -5,8 +5,8 @@
You have not created or assigned any expense categories to your transactions yet.
</p>
<div class="flex items-center gap-2">
<%= button_to "Use default categories", bootstrap_categories_path, class: "btn btn--primary" %>
<div class="flex flex-col sm:flex-row items-center gap-2">
<%= button_to "Use default categories", bootstrap_categories_path, class: "btn btn--primary w-full sm:w-auto" %>
<%= link_to new_category_path, class: "btn btn--outline flex items-center gap-1", data: { turbo_frame: "modal" } do %>
<%= lucide_icon("plus", class: "w-5 h-5") %>

2
app/views/categories/index.html.erb
View file

@ -23,7 +23,7 @@
<div class="flex justify-center items-center py-20">
<div class="text-center flex flex-col items-center max-w-[500px]">
<p class="text-sm text-secondary mb-4"><%= t(".empty") %></p>
<div class="flex items-center gap-2">
<div class="flex flex-col sm:flex-row items-center gap-2">
<%= button_to t(".bootstrap"), bootstrap_categories_path, class: "btn btn--primary" %>
<%= link_to new_category_path, class: "btn btn--outline flex items-center gap-1", data: { turbo_frame: "modal" } do %>

2
app/views/investments/show.html.erb
View file

@ -15,7 +15,7 @@
cash: @account.cash_balance_money
) %>
<div class="min-h-[800px]">
<div>
<%= render "accounts/show/tabs", account: @account, tabs: [
{ key: "activity", contents: render("accounts/show/activity", account: @account) },
{ key: "holdings", contents: render("investments/holdings_tab", account: @account) },

4
app/views/layouts/auth.html.erb
View file

@ -1,7 +1,7 @@
<%= render "layouts/shared/htmldoc" do %>
<div class="flex flex-col h-dvh">
<div class="flex flex-col h-screen px-6 py-12 bg-surface">
<div class="flex flex-col items-center justify-center h-[30vh] min-h-[180px]">
<div class="flex flex-col items-center justify-center h-[30vh] min-h-[215px]">
<div class="sm:mx-auto sm:w-full sm:max-w-md">
<div class="flex justify-center mb-6">
<%= image_tag "logo-color.png", class: "w-16 mb-6" %>
@ -15,7 +15,7 @@
</div>
</div>
<div class="flex-1">
<div>
<div class="sm:mx-auto sm:w-full sm:max-w-lg">
<% if controller_name.in?(%w[sessions registrations]) %>
<div class="flex justify-center mb-6">

2
app/views/layouts/shared/_footer.html.erb
View file

@ -1,4 +1,4 @@
<footer class="p-6">
<footer class="p-6 mb-12">
<div class="space-y-2 text-center text-xs text-secondary">
<p>&copy; <%= Date.current.year %>, Maybe Finance, Inc.</p>
<p><%= link_to t(".privacy_policy"), "https://maybefinance.com/privacy", class: "underline hover:text-gray-600" %> &bull; <%= link_to t(".terms_of_service"), "https://maybefinance.com/tos", class: "underline hover:text-gray-600" %></p>

2
app/views/onboardings/profile.html.erb
View file

@ -1,4 +1,4 @@
<div class="bg-gray-25 h-screen flex flex-col justify-between">
<div class="bg-gray-25 h-screen flex flex-col justify-between overflow-y-auto">
<%= render "onboardings/header" %>
<div class="grow max-w-lg w-full mx-auto bg-gray-25 flex flex-col justify-center py-12 px-4">

2
app/views/onboardings/show.html.erb
View file

@ -1,6 +1,6 @@
<div class="bg-gray-25">
<div class="h-screen flex flex-col items-center py-6">
<div class="grow flex justify-center items-center flex-col max-w-sm w-full text-center">
<div class="grow flex justify-center items-center flex-col max-w-sm w-full text-center px-3">
<%= image_tag "logo-color.png", class: "w-16 mb-6" %>
<%= tag.h1 t(".title"), class: "text-3xl font-medium mb-2" %>
<%= tag.p t(".message"), class: "text-sm text-secondary mb-6" %>

6
app/views/pages/changelog.html.erb
View file

@ -2,8 +2,8 @@
<div class="bg-container shadow-border-xs rounded-xl p-4 grow overflow-y-auto">
<div class="flex justify-between gap-4 mb-12 last:mb-0">
<div class="w-1/3">
<div class="px-3 flex items-center gap-3">
<div class="w-3/12 sm:w-1/3">
<div class="px-3 flex flex-col sm:flex-row items-center gap-3">
<div class="text-white shrink-0 w-9 h-9">
<%= image_tag @release_notes[:avatar], class: "rounded-full w-full h-full object-cover" %>
</div>
@ -13,7 +13,7 @@
</div>
</div>
</div>
<div class="w-2/3 text-secondary text-sm prose prose--github-release-notes">
<div class="w-9/12 sm:w-2/3 text-secondary text-sm prose prose--github-release-notes">
<h2 class="mb-5 text-xl text-primary"><%= @release_notes[:name] %></h2>
<%= @release_notes[:body].html_safe %>
</div>

2
app/views/pages/dashboard/_balance_sheet.html.erb
View file

@ -58,7 +58,7 @@
<p class="text-xs md:text-sm"><%= number_to_percentage(account_group.weight, precision: 0) %></p>
</div>
<div class="w-40 text-right">
<div class="w-auto md:w-40 text-right">
<p class="text-xs md:text-sm"><%= format_money(account_group.total_money) %></p>
</div>
</div>

4
app/views/settings/_settings_nav_mobile.html.erb
View file

@ -23,5 +23,9 @@
<% end %>
<% end %>
<%= button_to session_path(Current.session), method: :delete, class: "flex items-center gap-2 btn btn--ghost text-destructive w-full" do %>
<%= lucide_icon("log-out", class: "w-5 h-5 shrink-0") %>
<span><%= t(".logout") %></span>
<% end %>
</div>
</div>

3
app/views/settings/_user_avatar_field.html.erb
View file

@ -9,7 +9,8 @@
<%# The placeholder image for empty avatar field %>
<div data-profile-image-preview-target="placeholderImage"
class="h-full w-full flex justify-center items-center <%= user.profile_image.attached? ? "hidden" : "" %>">
class="h-full w-full flex justify-center items-center <%= user.profile_image.attached? ? "hidden" : "" %> cursor-pointer"
data-action="click->profile-image-preview#triggerFileInput">
<div class="h-full w-full flex justify-center items-center">
<%= lucide_icon "image-plus", class: "w-6 h-6 text-secondary" %>
</div>

2
config/locales/views/sessions/en.yml
View file

@ -11,4 +11,4 @@ en:
forgot_password: Forgot your password?
password: Password
submit: Log in
title: Sign in to your account
title: Sign in to Maybe