1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-10 07:55:21 +02:00

Fix clean import dark mode styles

This commit is contained in:
Zach Gollwitzer 2025-05-02 08:15:12 -04:00
parent 0c79b335f1
commit adc5bf58d7
3 changed files with 6 additions and 6 deletions

View file

@ -14,7 +14,7 @@
<div class="bg-container border border-tertiary rounded-lg p-3 flex flex-col md:flex-row items-start md:items-center justify-between gap-2 md:gap-0">
<div class="flex items-center gap-2">
<%= icon "check-circle", size: "sm", color: "success" %>
<p class="text-success text-sm md:text-base">Your data has been cleaned</p>
<p class="text-success text-sm">Your data has been cleaned</p>
</div>
<%= render LinkComponent.new(
@ -45,13 +45,13 @@
<div class="pb-12">
<div class="bg-container-inset rounded-xl p-1 mb-6">
<div class="overflow-x-auto">
<div style="grid-template-columns: repeat(<%= @import.column_keys.count %>, minmax(150px, 1fr)); min-width: max-content;" class="grid items-center uppercase text-xs font-medium text-secondary py-3">
<div style="grid-template-columns: repeat(<%= @import.column_keys.count %>, minmax(150px, 1fr));" class="grid items-center uppercase text-xs font-medium text-secondary py-3">
<% @import.column_keys.each do |key| %>
<div class="px-5"><%= import_col_label(key) %></div>
<% end %>
</div>
<div class="bg-container shadow-border-xs rounded-xl divide-y divide-alpha-black-200">
<div class="bg-container shadow-border-xs rounded-xl divide-y divide-alpha-black-200 theme-dark:divide-alpha-white-200">
<% @rows.each do |row| %>
<%= render "import/rows/form", row: row %>
<% end %>