b34d040ce3
* Fix issue where button is rendered taller in flexbox, due to default margin on input elements * Refactor/improve all login and signup views
35 lines
1.4 KiB
Plaintext
35 lines
1.4 KiB
Plaintext
<%= render HeaderComponent.new(title: "Settings") %>
|
|
|
|
<%= render MainWithSidenavComponent.new(sidenav_partial: 'shared/sidenav_settings') do %>
|
|
<section>
|
|
<h3>Profile</h3>
|
|
<p class="mb-2">
|
|
<%= label :user_address, 'User address', class: 'font-bold' %>
|
|
</p>
|
|
<p data-controller="clipboard" class="flex gap-1 mb-2 sm:w-3/5">
|
|
<input type="text" id="user_address" class="grow"
|
|
value=<%= @user.address %> disabled="disabled"
|
|
data-clipboard-target="source" />
|
|
<button id="copy-user-address" class="btn-md btn-icon btn-blue shrink-0"
|
|
data-clipboard-target="trigger" data-action="clipboard#copy"
|
|
title="Copy to clipboard">
|
|
<span class="content-initial">
|
|
<%= render partial: "icons/copy", locals: { custom_class: "text-white h-4 w-4 inline" } %>
|
|
</span>
|
|
<span class="content-active hidden">
|
|
<%= render partial: "icons/check", locals: { custom_class: "text-white h-4 w-4 inline" } %>
|
|
</span>
|
|
</button>
|
|
</p>
|
|
<p class="text-sm text-gray-500">
|
|
Your user address for Chat and Lightning Network.
|
|
</p>
|
|
|
|
<%# <%= form_for(@user, as: "profile", url: settings_profile_path) do |f| %>
|
|
<%# <p class="mt-8">
|
|
<%# <%= f.submit "Save changes", class: 'btn-md btn-blue w-full sm:w-auto' %>
|
|
<%# </p>
|
|
<%# <% end %>
|
|
</section>
|
|
<% end %>
|