songtianlun
87e0c2eec6
- Implement theme switching functionality with a new ThemeController - Add ToastController for displaying notifications - Update various views for improved layout and styling - Introduce animations for toast notifications These changes enhance the user experience by allowing users to switch between light and dark themes and receive feedback through toast notifications. The UI has been improved for better accessibility and aesthetics.
34 lines
1.2 KiB
Plaintext
34 lines
1.2 KiB
Plaintext
<% provide(:title, "Edit user") %>
|
|
<% provide(:button_text, 'Save changes') %>
|
|
|
|
<div class="container mx-auto px-4 py-8">
|
|
<div class="max-w-md mx-auto">
|
|
<!-- 标题 -->
|
|
<h1 class="text-2xl font-bold text-center mb-8">Update your profile</h1>
|
|
|
|
<!-- 表单区域 -->
|
|
<div class="card bg-base-100 shadow-lg">
|
|
<div class="card-body">
|
|
<%= render 'form' %>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 头像编辑区 -->
|
|
<div class="card bg-base-100 shadow-lg mb-8">
|
|
<div class="card-body items-center text-center">
|
|
<%= gravatar_for @user, size: 100, class: "rounded-full ring ring-primary ring-offset-2" %>
|
|
|
|
<%= link_to "https://gravatar.com/emails",
|
|
target: "_blank",
|
|
rel: "noopener noreferrer",
|
|
class: "btn btn-outline btn-sm gap-2 mt-4" do %>
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" />
|
|
</svg>
|
|
Change Avatar
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div> |