blob: fd538705d605c469a1e69453542ff1659ec05b6b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<h2 class="text-3xl mb-2">Skills</h2>
<div class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
<% @character.character_skills.ordered_by_skill_name.each do |cs| %>
<div class="rounded border border-gray-700">
<div class="flex p-1">
<div class="flex-grow">
<div class="text-xl text-display mb-1">
<%= cs.skill.name %>
</div>
<div class="flex items-center text-xs">
<span class="bg-gray-700 px-1 py-0.5 rounded mr-1">XP</span><%= cs.xp %>
</div>
</div>
<div class="text-xl m-2 text-display">
<%= cs.level %>
</div>
</div>
<div class="border border-gray-800 h-2 my-1">
<div class="bg-gray-600 h-full" style="width: <%= cs.percentage_of_skill_level_completed %>%">
</div>
</div>
</div>
<% end %>
</div>
|