lili
/
pokemon-couture
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first version of two column layout of tracker.

This commit is contained in:
Lili (Tlapka) 2021-10-06 14:43:18 +02:00
parent 03ab4379c6
commit 3453453ddd
2 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/css/phoenix.css
View File

@ -100,6 +100,17 @@ header nav a {
} }
} }
/*.clothes-type {
column-count: 2;
}*/
.shop-all {
column-count: 2;
}
.tracker-table { .tracker-table {
width: 40rem width: 40rem;
-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
-o-column-break-inside:avoid;
-ms-column-break-inside:avoid;
} }

8
lib/pokemon_couture_web/live/clothes_tracker_live.html.leex
View File

@ -1,8 +1,11 @@
<h1>Listing Clothes</h1> <h1>Listing Clothes</h1>
<div class="trackers">
<%= for {shop, map_of_clothes_by_type} <- @clothes_map do %> <%= for {shop, map_of_clothes_by_type} <- @clothes_map do %>
<h2> <%= shop %></h2> <h2> <%= shop %></h2>
<div class="shop-all">
<%= for {type, map_of_clothes_by_name} <- map_of_clothes_by_type do %> <%= for {type, map_of_clothes_by_name} <- map_of_clothes_by_type do %>
<h3> <%= type %> </h3> <!-- <h3> <%= type %> </h3> -->
<div class="clothes-type">
<%= for {name, list_of_clothes} <- map_of_clothes_by_name do %> <%= for {name, list_of_clothes} <- map_of_clothes_by_name do %>
<table class="tracker-table"> <table class="tracker-table">
<thead> <thead>
@ -22,5 +25,8 @@
</tbody> </tbody>
</table> </table>
<% end %> <% end %>
</div>
<% end %> <% end %>
</div>
<% end %> <% end %>
</div>