diff options
Diffstat (limited to 'app/views/users')
-rw-r--r-- | app/views/users/show.html.erb | 49 |
1 files changed, 27 insertions, 22 deletions
diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb index 4df3273..f11b01f 100644 --- a/app/views/users/show.html.erb +++ b/app/views/users/show.html.erb @@ -1,25 +1,30 @@ -<div class="space-y-4"> - <h1 class="text-2xl"> - <span class="px-4 py-2 text-lg text-slate-900 bg-orange-500 rounded">TRAINER CARD</span> - <%= @user.name || "???" %> - </h1> - <p class="subtitle">ID No. <%= @user.id %></p> - - <% if @user == current_user %> - <%= link_to "Edit trainer card", edit_user_url(@user) %> - <% end %> - - <ul> - <li>Pokédex 0</li> - </ul> - - <h2><%= pluralize(@user.runs.count, "run") %></h2> +<div class="grid grid-cols-1 md:grid-cols-2"> + <div class="w-[500px] space-y-4 p-4 border border-orange-900 rounded shadow-xl bg-neutral-50"> + <div class="flex justify-between text-display"> + <div class="px-4 py-2 text-sm text-slate-900 bg-orange-500 rounded">TRAINER CARD</div> + <div class="">ID No. <%= @user.id %></div> + </div> + <div> + <p class="text-lg">NAME: <%= @user.name || "???" %> + <p>POKéDEX: <%= @user.pokedex_captured_count %></p> + <p>TIME: <%= distance_of_time_in_words_to_now(@user.created_at) %></p> + </div> + <% if @user == current_user %> + <p><%= link_to "Edit trainer card", edit_user_url(@user) %></p> + <% end %> + </div> + <div> + <div class="space-y-4"> + <h2><%= pluralize(@user.runs.count, "run") %></h2> - <p><%= link_to "Start a run", new_run_path %></p> + <p><%= link_to "Start a run", new_run_path %></p> - <ul class="list-disc"> - <% @user.runs.each do |run| %> - <li><%= run.game.title %> - <%= link_to run.title, run_path(run) %></li> - <% end %> - </ul> + <ul class="list-disc"> + <% @user.runs.each do |run| %> + <li><%= run.game.title %> - <%= link_to run.title, run_path(run) %></li> + <% end %> + </ul> + </div> + </div> </div> + |