0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-06 13:08:40 +08:00
discourse/app/views/finish_installation/index.html.erb
Derek Rushforth 6aada5a68f
UX: Wizard page improvements (#37294)
This PR makes some styling improvements to other pages that use the
wizard layout.

<img width="813" height="535" alt="Screenshot 2026-01-23 at 11 32 25 AM"
src="https://github.com/user-attachments/assets/33054694-9ba5-4454-a245-b0799bf87ca6"
/>
<img width="755" height="466" alt="Screenshot 2026-01-23 at 11 22 11 AM"
src="https://github.com/user-attachments/assets/8be5bac2-709d-4cc5-92ef-5e406744ffe4"
/>
<img width="759" height="355" alt="Screenshot 2026-01-23 at 11 22 29 AM"
src="https://github.com/user-attachments/assets/60cd1304-8f03-462a-bff8-b24ab3606c5d"
/>
<img width="730" height="433" alt="Screenshot 2026-01-23 at 11 22 03 AM"
src="https://github.com/user-attachments/assets/cbf39199-0aad-43fa-9534-617c09e90f59"
/>
<img width="736" height="369" alt="Screenshot 2026-01-23 at 11 28 32 AM"
src="https://github.com/user-attachments/assets/747a54bd-82cb-43bf-8119-47873094283c"
/>

<img width="568" height="1084" alt="Screenshot 2026-01-23 at 11 33
52 AM"
src="https://github.com/user-attachments/assets/b499da91-eb8e-4c24-b7f2-83e7e1ee6f20"
/>
<img width="568" height="1084" alt="Screenshot 2026-01-23 at 11 24
53 AM"
src="https://github.com/user-attachments/assets/c2997f50-0cf0-493c-a663-1b86d0fb41e5"
/>
<img width="568" height="1084" alt="Screenshot 2026-01-23 at 11 24
26 AM"
src="https://github.com/user-attachments/assets/451f7dc4-06a6-438e-8146-69d82588e313"
/>
<img width="568" height="1084" alt="Screenshot 2026-01-23 at 11 24
06 AM"
src="https://github.com/user-attachments/assets/8ac21879-2a77-4691-b47b-1b49f009a467"
/>
2026-01-23 13:17:11 -07:00

29 lines
1.9 KiB
Text
Vendored

<div class="wizard-congratulations-wrap">
<div class='row'>
<img src="<%= Discourse.base_path + '/images/wizard/tada.svg' %>" alt="tada emoji" class="tada">
<h1><%= t 'finish_installation.congratulations' %></h1>
<% if @setting_up_discourse_id && @discourse_id_enabled %>
<p><%= raw(t 'finish_installation.discourse_id_help') %></p>
<%= link_to(finish_installation_redirect_discourse_id_path, class: 'wizard-container__button btn-primary finish-installation__discourse-id') do %>
<svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 448 512">
<path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path>
</svg>
<%= t 'finish_installation.login_with_discourse_id' %>
<% end %>
<% elsif @setting_up_discourse_id && @discourse_id_error %>
<div class="alert alert-error">
<%= @discourse_id_error %>
</div>
<p><%= raw(t 'finish_installation.discourse_id_error_help') %></p>
<% else %>
<p><%= t 'finish_installation.register.help' %></p>
<%= link_to(finish_installation_register_path, class: 'wizard-container__button btn-primary finish-installation__register') do %>
<svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 448 512">
<path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path>
</svg>
<%= t 'finish_installation.register.button' %>
<% end %>
<% end %>
</div>
</div>