mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-08-09 15:35:22 +02:00
Fix name text color, add bg-divider background for dividers
This commit is contained in:
parent
5135b98dbe
commit
49708ea5b2
3 changed files with 12 additions and 4 deletions
|
@ -78,6 +78,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
@utility bg-divider {
|
||||
@apply bg-alpha-black-100;
|
||||
|
||||
@variant theme-dark {
|
||||
@apply bg-alpha-white-100;
|
||||
}
|
||||
}
|
||||
|
||||
@utility bg-overlay {
|
||||
background-color: --alpha(var(--color-gray-100) / 50%);
|
||||
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
<%# 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">
|
||||
<% 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 %>
|
||||
<% if rule.conditions.any? %>
|
||||
<div class="flex items-center gap-2 mt-1">
|
||||
|
|
|
@ -62,7 +62,7 @@
|
|||
<% @rules.each_with_index do |rule, idx| %>
|
||||
<%= render "rule", rule: rule%>
|
||||
<% 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 %>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue