Style account name block

This commit is contained in:
Jason Zimdars
2025-10-31 09:24:42 -05:00
committed by Stanko K.R.
parent 8e298dd81a
commit 475a87a7cb
3 changed files with 19 additions and 16 deletions
+7 -8
View File
@@ -1,9 +1,8 @@
<div class="settings__panel settings__panel--entropy panel shadow center">
<h2 class="divider txt-large">Name</h2>
<%= form_with model: account, url: account_settings_path, method: :put, scope: :account, data: { controller: "form" }, class: "flex" do |form| %>
<%= form.text_field :name, required: true, class: "input input--transparent full-width", data: { action: "input->form#disableSubmitWhenInvalid" } %>
<%= form.button data: { form_target: "submit" }, disabled: form.object do %>
Save
<% end %>
<h2 class="divider txt-large">Account</h2>
<%= form_with model: account, url: account_settings_path, method: :put, scope: :account, data: { controller: "form" }, class: "flex gap-half" do |form| %>
<%= form.text_field :name, required: true, class: "input input--transparent full-width", placeholder: "Account name",data: { action: "input->form#disableSubmitWhenInvalid" } %>
<%= form.button class: "btn btn--circle btn--link", data: { form_target: "submit" }, disabled: form.object do %>
<%= icon_tag "arrow-right" %>
<span class="for-screen-reader">Save changes</span>
<% end %>
</div>
<% end %>
+7 -6
View File
@@ -1,8 +1,9 @@
<div class="settings__panel settings__panel--users panel shadow center"
data-controller="filter navigable-list"
data-action="keydown->navigable-list#navigate filter:changed->navigable-list#reset"
navigable-list-focus-on-selection-value="true"
navigable-list-actionable-items-value="true">
<%= tag.div class: "margin-block-start flex flex-column gap-half", data: {
controller: "filter navigable-list",
action: "keydown->navigable-list#navigate filter:changed->navigable-list#reset",
navigable_list_focus_on_selection_value: true,
navigable_list_actionable_items_value: true
} do %>
<h2 class="divider txt-large">People on the account</h2>
<%= link_to account_join_code_path, class: "btn btn--link center txt-small" do %>
@@ -17,4 +18,4 @@
<%= render partial: "account/settings/user", collection: users %>
</ul>
</div>
</div>
<% end %>
+5 -2
View File
@@ -5,7 +5,10 @@
<% end %>
<section class="settings">
<%= render "account/settings/users", users: @users %>
<div class="settings__panel settings__panel--users panel shadow center">
<%= render "account/settings/name", account: @account %>
<%= render "account/settings/users", users: @users %>
</div>
<%= render "account/settings/entropy_configuration", account: @account %>
<%= render "account/settings/name", account: @account %>
</section>