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

Fix name text color, add bg-divider background for dividers

Browse source
This commit is contained in:
hatz 2025-05-13 13:16:04 -05:00
parent 5135b98dbe
commit 49708ea5b2
No known key found for this signature in database
3 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
app/assets/tailwind/maybe-design-system/background-utils.css
View file

@ -78,10 +78,18 @@
} }
} }
@utility bg-divider {
@apply bg-alpha-black-100;
@variant theme-dark {
@apply bg-alpha-white-100;
}
}
@utility bg-overlay { @utility bg-overlay {
background-color: --alpha(var(--color-gray-100) / 50%); background-color: --alpha(var(--color-gray-100) / 50%);
@variant theme-dark { @variant theme-dark {
background-color: var(--color-alpha-black-900); background-color: var(--color-alpha-black-900);
} }
} }

4
app/views/rules/_rule.html.erb
View file

@ -1,8 +1,8 @@
<%# locals: (rule:) %> <%# locals: (rule:) %>
<div class="flex justify-between items-center p-4 <%= 'text-secondary' unless rule.active? %>"> <div class="flex justify-between items-center p-4 <%= rule.active? ? 'text-primary' : 'text-secondary' %>">
<div class="text-sm space-y-1.5"> <div class="text-sm space-y-1.5">
<% if rule.name.present? %> <% if rule.name.present? %>
<h3 class="font-medium text-md text-primary"><%= rule.name %></h3> <h3 class="font-medium text-md"><%= rule.name %></h3>
<% end %> <% end %>
<% if rule.conditions.any? %> <% if rule.conditions.any? %>
<div class="flex items-center gap-2 mt-1"> <div class="flex items-center gap-2 mt-1">

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

@ -62,7 +62,7 @@
<% @rules.each_with_index do |rule, idx| %> <% @rules.each_with_index do |rule, idx| %>
<%= render "rule", rule: rule%> <%= render "rule", rule: rule%>
<% unless idx == @rules.size - 1 %> <% unless idx == @rules.size - 1 %>
<div class="h-px bg-alpha-black-50 ml-4 mr-6"></div> <div class="h-px bg-divider ml-4 mr-6"></div>
<% end %> <% end %>
<% end %> <% end %>
</div> </div>