1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-07 14:35:23 +02:00
Maybe/app/views/mfa/backup_codes.html.erb
Tony Tkachenko 0063921de9
fix(ui): mfa backup codes dark mode (#2323)
* fix(ui): mfa backup codes dark mode

* Update app/views/mfa/backup_codes.html.erb

Signed-off-by: Zach Gollwitzer <zach.gollwitzer@gmail.com>

---------

Signed-off-by: Zach Gollwitzer <zach.gollwitzer@gmail.com>
Co-authored-by: Zach Gollwitzer <zach.gollwitzer@gmail.com>
2025-06-09 10:19:09 -04:00

32 lines
851 B
Text

<%
header_title t(".title")
header_description t(".description")
%>
<% content_for :sidebar do %>
<%= render "settings/settings_nav" %>
<% end %>
<div class="space-y-4">
<h1 class="text-primary text-xl font-medium mb-4"><%= t(".page_title") %></h1>
<%= settings_section title: t(".backup_codes_title"), subtitle: t(".backup_codes_description") do %>
<div class="space-y-6">
<div class="grid grid-cols-2 gap-4">
<% @backup_codes.each do |code| %>
<div class="p-3 bg-surface-inset rounded-lg font-mono text-lg">
<%= code %>
</div>
<% end %>
</div>
<%= render LinkComponent.new(
text: t(".continue"),
href: settings_security_path,
variant: "primary",
full_width: true
) %>
</div>
<% end %>
<%= settings_nav_footer %>
</div>